/****************reset css Start********************/
:root {
    --common_font:"Open Sans", serif;
}
html {
    -webkit-text-size-adjust: none;
    background-color: #f8f8f8;
}

.parallax-mirror {
    z-index: 1 !important;
}

#main-uber-page {
    min-height: 100%;
}

#wrapper {
    background-color: #fff;
    min-height: calc(100vh - 354px);
    min-height: -o-calc(100vh - 354px);
    min-height: -moz-calc(100vh - 354px);
    min-height: -webkit-calc(100vh - 354px);
}

#wrapper.store-order {
    margin-top: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    display: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.PT5 {
    padding-top: 5px;
}

header {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    position: sticky;
    top: 0;
    background-color: #fff;
}

header.shadow {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
}

.fullWidth {
    width: 100%;
}

ul.tab-row li span:after {
    content: attr(data-slogan);
    font-size: 10px;
    display: block;
    color: #757575;
    margin-top: 5px;
    line-height: 12px;
}

ul.stepper .step {
    position: relative;
}

ul.stepper.linear {
    padding: 0 20px;
    overflow: visible;
    height: calc(100vh - 405px);
    height: -o-calc(100vh - 405px);
    height: -ms-calc(100vh - 405px);
    height: -moz-calc(100vh - 405px);
    height: -webkit-calc(100vh - 405px);
    overflow-y: auto;
    /* min-height: -webkit-calc(100vh - 370px);*/
}

.booking-block.userfare ul.stepper.linear {
    padding: 0 20px;
    overflow: visible;
    height: calc(100vh - 309px);
    height: -o-calc(100vh - 309px);
    height: -ms-calc(100vh - 309px);
    height: -moz-calc(100vh - 309px);
    height: -webkit-calc(100vh - 309px);
    overflow-y: auto;
}

ul.stepper .step .section-block .general-form {
    margin-top: 0;
}

ul.stepper .step .step-title {
    margin: 0 -20px;
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding: 14px 30px 14px 0;
    margin: 0 0px 0px 0;
    border-bottom: 1px solid #e0e0e0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

ul.stepper .step .step-title:hover {
    background-color: transparent;
}

ul.stepper .step .step-content {
    margin: 0;
}

ul.stepper .step .step-title::after {
    display: none;
}

ul.stepper .step:not(:last-of-type)::after {
    display: none;
}

ul.stepper .step::before {
    display: none;
}

button.waves-effect {
    height: 52px;
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
    width: auto;
    box-sizing: border-box;
    text-align: center;
    font-family: var(--common_font);
    min-width: 140px;
    margin-right: 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

button.waves-effect:hover,
button.waves-effect:focus {
    background-color: transparent;
    color: #fff;
    outline: none;
}

ul.stepper .step.done::before {
    content: '\e904';
    font-family: 'icomoon';
    font-size: 8px;
}

ul.stepper .step .step-title {
    position: relative;
}

ul.stepper .step.active .step-title:before {
    content: '\44';
    position: absolute;
    right: 0;
    top: 20px;
    font-family: 'icomoon';
    font-size: 12px;
}

ul.stepper .step .step-content {
    padding-top: 18px;
}

.hidden-overflow {
    overflow: hidden;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    font-family: var(--common_font);
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

#errmsg,
#success,
#errmsgf,
#successf {
    background-color: #ce2525;
    color: #fff;
    border-radius: 5px;
    padding: 7px 20px;
    display: inline-block;
    font-size: 13px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    line-height: normal;
}

.msg_close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}

.login-err {
    position: relative;
}

.form-err {
    position: relative;
    margin-bottom: 15px;
}

.has-error {
    position: relative;
}

.static-page-new .error {
    bottom: -18px !important;
    left: 8px !important;
}

[dir=rtl] .error,
.captcha-column span.error,
.Iserror,
.help-block.error {
    left: auto;
    right: 8px;
}

.error#vEmail_verify-error,
.error#vEmail_verifyd-error,
.error#vEmail_verifyc-error,
.error#vEmail_verifyo-error {
    overflow: unset;
    position: relative;
    bottom: 0;
    white-space: normal;
    line-height: normal;
}

.error,
.captcha-column span.error,
.Iserror,
.help-block.error {
    position: absolute;
    bottom: -19px;
    font-size: 12px;
    color: #f00;
    margin: 0;
    display: block;
    white-space: nowrap;
    margin: 0;
    left: 8px;
/*    overflow: hidden;*/
    text-overflow: ellipsis;
    line-height: 22px;
}

.input-group-addon {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
}

.notes {
    display: block;
    margin-top: 5px;
    color: #404040;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 0;
    font-family: var(--common_font);
}

.notes span {
    font-weight: bold;
}

.general-form .form-group .notes label {
    position: relative;
    display: block;
    transform: none;
    margin: 0;
    display: inline-block;
    font-weight: 600;
    margin: 0 3px 0 0;
    left: auto;
}

._MB0_ {
    margin-bottom: 0 !important;
}

.relation-parent {
    position: relative;
}

.mix-content {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

ul.user-menu ul.navmenu-links {
    display: none !important;
}

select::-ms-expand {
    display: none;
}

.ui-widget-header .ui-icon {
    background-image: none !important;
}

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
    text-indent: 0px;
    font-size: 0;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    background-color: #aaa;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev .ui-icon:after,
.ui-datepicker .ui-datepicker-next .ui-icon:after {
    content: '\6c';
    font-family: 'icomoon';
    font-size: 14px;
    position: absolute;
    top: 1px;
}

.ui-datepicker .ui-datepicker-next .ui-icon:after {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: inline-flex;
}

/*--------------------- track company ------------------*/
.track-company {
    border: 1px solid #dddddd;
}

.track-company>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #dddddd;
}

.track-company>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.track-user-status {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.track-user-status>.toggle-combo {
    padding-left: 15px;
}

/*--------------------- track company ------------------*/
/* .ui-widget.ui-widget-content{ */
/* top: 56%!important; */
/* transform: translateY(50%)!important; */
/* -webkit-transform: translateY(50%)!important; */
/* -moz-transform: translateY(50%)!important; */
/* -ms-transform: translateY(50%)!important; */
/* -o-transform: translateY(50%)!important; */
/* } */
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

.inv-rating .rating_img {
    background-size: auto 26px;
    margin: 0 auto;
    transform-origin: center center;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    display: block;
}

.inv-rating .rating_img span {
    font-size: 26px;
}

.inv-rating .rating_img span {
    background-size: auto 26px;
    background-position-y: 12px;
}

/********************************/
.alert .close {
    float: right;
    font-size: 0;
    line-height: 18px;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.alert .close:after {
    content: '\2715';
    font-size: 12px;
}

.alert {
    padding: 7px 20px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #c09853;
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
    font-family: var(--common_font);
    box-sizing: border-box;
}

.alert-heading {
    color: inherit;
}

.alert .close {
    position: relative;
    top: 0;
    right: -21px;
    line-height: 18px;
    vertical-align: middle;
}

.alert-success {
    background-color: #14b368;
    border-color: #14b368;
    color: #ffffff;
}

.alert-danger,
.alert-error {
    background-color: #ce2525;
    border-color: #ce2525;
    color: #fff;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block>p,
.alert-block>ul {
    margin-bottom: 0;
}

.alert-block p+p {
    margin-top: 5px;
}

/********************************/
/*************reset css End*******************/
/*************banner css Start*******************/
.banner-section {
    background-size: cover;
    background-position: top center;
    position: relative;
    z-index: 1;
    /* overflow: hidden; */
}

.banner-first-img {
    position: relative;
    width: 50%;
    pointer-events: none;
    top: 0;
    bottom: 0;
}

.home-sec-pg-banner {
    position: relative;
    top: -30px;
}

.banner-image-first.first-overlay::before {
    content: "";
    background-color: #239707;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 0 0px 150px 5px;
    opacity: 0.5;
}

.bannermenu {
    padding-top: 80px;
    padding-bottom: 30px;
}

.bannermenu .tab-row-holding {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.home-sec-pg-banner .banner-section-inner .banner-image-first {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background-size: cover;
    background-position: center left -118px;
    width: 100%;
    border-radius: 0 0px 150px 5px;
    -webkit-border-radius: 0 0px 150px 5px;
    -moz-border-radius: 0 0px 150px 5px;
    -ms-border-radius: 0 0px 150px 5px;
    -o-border-radius: 0 0px 150px 5px;
    background-repeat: no-repeat;
}

.home-sec-pg-banner .home-sec-pg-banner-backimg {
    position: absolute;
    bottom: -86px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.home-sec-pg-banner-backimg::after {
    position: absolute;
    width: 100%;
    height: 16%;
    left: 0;
    border-radius: 50%;
    z-index: -1;
    bottom: 2%;
    content: "";
    box-shadow: 0 55px 55px #000000;
    opacity: 0.2;
}

.banner-two-img {
    width: 50%;
    position: absolute;
}

.banner-image-sec {
    position: relative;
    left: 340px;
    top: 120px;
    height: 600px;
    background-repeat: no-repeat;
}

.banner-section-inner {
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 15px 0px 15px;
    min-height: 660px;
}

.banner-section-inner:after {
    content: '';
    clear: both;
    display: block;
}

.home-sec-pg-banner .banner-both-img {
    width: 50vw;
    position: absolute;
    height: 660px;
    left: 0;
}

ul.tab-row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px 0 15px 0;
    background-color: rgba(255, 255, 255, 0.85);
}

ul.tab-row li {
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    z-index: 1;
    width: 110px;
    height: 65px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

ul.tab-row.morerows {
    display: block;
    width: 100%;
    overflow-x: auto;
    font-size: 0;
    white-space: nowrap;
}

ul.tab-row.morerows li {
    width: 14.28%;
    display: inline-block;
}

ul.tab-row.homepage li:before {
    content: '';
    position: absolute;
    width: 42px;
    height: 42px;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background-color: lightgrey;
    border: 1px solid #000;
    border-radius: 50% 50% 0% 50%;
    opacity: 0.2;
}

ul.tab-row.homepage li.active:before {
    opacity: 0.6;
}

ul.tab-row.twobanner {
    max-width: 498px;
}

ul.tab-row li.tab.mob {
    display: none;
}

ul.tab-row li:hover {
    opacity: 1;
}

ul.tab-row li.tab.active {
    opacity: 1;
}

ul.tab-row li:after {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 100%;
    height: 3px;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

ul.tab-row li.tab.active:after {
    opacity: 1;
}

ul.tab-row li div.defaultimg-banner-icon {
    background-color: gray;
    height: 100%;
}

ul.tab-row li img,
ul.tab-row li div.defaultimg-banner-icon {
    max-height: 25px;
    margin: 0 auto 15px auto;
    transform: translatex(0);
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
}

ul.tab-row li span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    width: 100%;
}

.home-sec-pg-banner .categories-block {
    position: relative;
    background-color: transparent;
}

.categories-caption {
    display: none;
    min-height: 150px;
}

.categories-caption.active {
    display: block;
}

.categories-caption h2 {
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 20px;
}

.categories-caption p, .ordernow-caption p {
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 15px;
    text-align: justify;
}

.categories-caption p:last-child {
    margin-bottom: 0;
}

.categories-caption h2 span {
    display: block;
    margin-top: 13px;
}

.categories-caption a.book-btn img {
    width: 20px;
    position: relative;
    right: -14px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.categories-caption a.book-btn:hover img {
    /*right: -20px;*/
}

.categories-caption a.book-btn {
    padding: 16px 36px 16px 23px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-transform: unset;
    text-decoration: none;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.3px;
    outline: none;
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border: none;
}

.categories-caption a.book-btn:after {
    content: '';
    position: relative;
    width: 20px;
    height: 14px;
    background-image: url(../../../img/apptype/ProXJ/arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0 -5px 0 20px;
}

.categories-caption p a.book-btn {
    padding: 10px 36px 10px 23px;
}

.gen-btn,
.button-block a.gen-btn,
.modal .modal-footer .btn {
    padding: 12px 25px 12px 25px;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-transform: unset;
    text-decoration: none;
    white-space: normal;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.3px;
    outline: none;
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-transform: capitalize;
    font-family: var(--common_font);
    margin: 0 0 0 10px;
}

.modal .modal-footer .btn i {
    display: none;
}

.gen-btn.small-btn {
    padding: 10px 16px;
    font-size: 14px;
}

.button-block a.gen-btn:after {
    display: none;
}

.gen-btn.cancel {
    background-color: #757575;
}

.categories-caption a.book-btn:hover,
.gen-btn:hover,
.gen-btn:focus,
.button-block a.gen-btn:hover,
.button-block a.gen-btn:focus {
    background-color: transparent;
}

/*********** how-it-works section start *********/
.how-it-works-section-inner {
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.how-it-works-section h3 {
    font-weight: 600;
    font-size: 45px;
    margin-bottom: 40px;
    margin-left: -3px;
    font-family: var(--common_font);
    line-height: 55px;
}

.how-it-works-section {
    padding: 40px 0 40px 0;
    background-color: #fff;
}

.how-it-works-section .head-area {
    width: 100%;
}

.how-it-works-left {
    padding-right: 160px;
}

.how-it-works-section ul li {
    position: relative;
    padding-left: 70px;
    margin-bottom: 32px;
    padding-top: 12px;
}

[dir="rtl"] .how-it-works-section ul li {
    padding-left: 0px;
    padding-right: 67px;
}

.how-it-works-section ul li strong {
    font-size: 22px;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
}

.how-it-works-section ul li span {
    font-size: 15px;
    font-weight: 500;
    color: #404040;
    line-height: 24px;
}

/* .how-it-works-section ul li:before {
    content: attr(data-number);
    width: 44px;
    height: 44px;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #757575;
    font-size: 23px;
    font-weight: bolder;
    box-shadow: 0 0 0 2px #757575 inset;
} */
.how-it-works-section ul li:first-child:before {
    box-shadow: 0 0 0 2px #000 inset;
    color: #000;
}

[dir="rtl"] .how-it-works-section ul li:before {
    left: auto;
    right: 0;
}

.how-it-works-section ul li:last-child {
    margin-bottom: 0;
}

[dir="rtl"] .how-it-works-section ul:after {
    right: 22px;
    left: auto;
}

.how-it-works-section ul {
    position: relative;
    z-index: 0;
    margin-bottom: 50px;
}

/* .how-it-works-section ul li:after {
    content: '';
    position: absolute;
    width: 3px;
    left: 20px;
    background-color: #757575;
    top: 45px;
    bottom: -40px;
} */
.how-it-works-section ul li:first-child:after {
    background-color: #000;
}

.how-it-works-section ul li:first-child:before {
    background-color: #000;
    color: #fff;
}

.how-it-works-section ul li:last-child:after {
    display: none;
}

[dir="rtl"] .how-it-works-section ul li:last-child:after {
    right: 22px;
    left: auto;
}

.how-it-works-right img {
    /* margin-top: -107px; */
    max-width: unset;
}

.how-it-works-right {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/*********** how-it-works section end *********/
/*********** safety section start *********/
.safety-section {
    background-color: #f6f6f6;
}

.safety-section-inner {
    justify-content: space-between;
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.safety-section-right {
    width: 607px;
    padding: 0 0px 0 114px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f6f6f6;
    box-sizing: border-box;
}

.safety-section-left {
    width: calc(100% - 607px);
    width: -o-calc(100% - 607px);
    width: -ms-calc(100% - 607px);
    width: -moz-calc(100% - 607px);
    width: -webkit-calc(100% - 607px);
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    -ms-flex-pack: flex-end
}

.safty-image-hold {
    position: relative;
}

.safty-image-hold::before {
    content: "";
    position: absolute;
    width: 54%;
    top: -23px;
    background: #ddd;
    padding-top: 55%;
    z-index: -1;
    right: 50%;
    border-radius: 12px;
}

.safty-image-hold::after {
    content: "";
    position: absolute;
    width: 54%;
    bottom: -24px;
    background: #ddd;
    padding-top: 55%;
    z-index: -1;
    left: 50%;
    border-radius: 12px;
}

.safety-section-left img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    display: block;
}

.safety-section h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 38px;
    line-height: 57.88px;
}

.safety-section p {
    color: #404040;
    font-size: 21px;
    line-height: 36px;
    font-weight: 500;
}

/*********** safety section end *********/
/*********** Download app section Start *********/
.download-section {
    background-size: cover;
    padding: 32px 0 55px 0;
    background-color: transparent;
    min-height: 262px;
    position: relative;
    z-index: 1;
}

.download-section-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    color: #fff;
}

.download-section h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 12px;
}

.download-section strong {
    font-size: 17px;
    font-weight: 500;
    display: block;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.download-section p {
    font-size: 17px;
    max-width: calc(100% - 280px);
    max-width: -o-calc(100% - 280px);
    max-width: -ms-calc(100% - 280px);
    max-width: -moz-calc(100% - 280px);
    max-width: -webkit-calc(100% - 280px);
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 50px;
}

.download-section p strong {
    display: inline;
    font-size: 22px;
    font-weight: 600;
}

.download-links a {
    display: block;
    padding: 0;
    margin: 0 0 16px 0;
    position: relative;
    left: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.download-links a:hover {
    left: -10px;
}

.download-links a img {
    vertical-align: top;
}

.footer-column .download-links a img {
    width: 203px;
}

.download-links {
    width: 193px;
}

/*********** Download app section end *********/
/*********** call section Start *********/
.call-section {
    background-size: cover;
    padding: 42px 0 78px 0;
    background-color: #fff;
}

.call-section-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.call-section h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    line-height: 57.88px;
    margin-bottom: 35px;
    margin-top: 20px;
}

.call-section strong {
    font-size: 30px;
    font-weight: 500;
    display: block;
    margin-bottom: 22px;
    color: #121212;
}

.call-section p {
    font-size: 21px;
    line-height: 36px;
    color: #404040;
    margin-bottom: 45px;
}

.call-section b {
    color: #393939;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
}

.call-section-left {
    width: 450px;
    padding-right: 15px;
}

.call-section-right {
    width: calc(100% - 500px);
    width: -o-calc(100% - 500px);
    width: -ms-calc(100% - 500px);
    width: -moz-calc(100% - 500px);
    width: -webkit-calc(100% - 500px);
    text-align: center;
}

.call-section-right img {
    max-width: 100%;
}

.call-section a {
    text-decoration: none;
    color: #000;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.call-section a:hover {
    opacity: 0.5;
}

.call-section a.book-btn {
    padding: 13px 24px 14px 24px;
    background-color: #000;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-transform: unset;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.3px;
    outline: none;
    white-space: nowrap;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    min-width: 154px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.call-section a.book-btn:hover {
    background-color: #757575;
    opacity: 1;
}

.call-section a.book-btn i {
    max-width: 25px;
    font-size: 25px;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.call-section a.book-btn i {
    margin-right: 10px;
}

.call-section footer {
    margin-top: 0;
}

/*********** call section end *********/
.most-trusted-restaurants {
    margin: 0;
    padding: 0px 0 30px;
    width: 100%;
}

.most-trusted-restaurants-inner {
    margin: 0 auto;
    padding: 0px;
    max-width: 1300px;
    position: relative;
}

.most-trusted-restaurants-inner h3 {
    margin: 40px 0 35px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 39px;
    color: #fb8200;
    text-transform: uppercase;
}

.most-trusted-restaurants ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.most-trusted-restaurants ul li {
    display: flex;
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
}

.most-trusted-restaurants ul li .restaurant-list-block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.most-trusted-restaurants ul li .restaurant-list-block .restaurant-banner {
    width: 100%;
    display: flex;
    border: 2px solid #ddd;
    box-sizing: border-box;
}

.most-trusted-restaurants ul li .restaurant-list-block .restaurant-banner img {
    max-width: 100%;
}

.most-trusted-restaurants ul li .restaurant-list-block .restaurant-caption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 30px;
}

.restaurant-caption-row {
    display: flex;
    justify-content: space-between;
    padding: 13px 0 0px;
    align-items: center;
}

.restaurant-caption-row strong {
    font-size: 25px;
    text-transform: uppercase;
}

.restaurant-caption-row span {
    background-color: #7cc832;
    width: 16%;
    padding: 4px 4px;
    margin: 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    height: 25px;
}

.restaurant-caption-row span img {
    width: 43%;
    padding: 0 2px 0 0;
}

.most-trusted-restaurants ul li .restaurant-caption .toppings {
    font-size: 14px;
    color: #373737;
    font-family: var(--common_font);
    font-weight: 500;
}

/*********** signup section start *********/
.signup-row-inner {
    max-width: 1310px;
    margin: 10px auto;
    /*margin: 0 auto;*/
    padding: 0 15px;
    position: relative;
    display: flex;
    box-sizing: border-box;
}

.signup-block a {
    display: inline-flex;
    text-decoration: none;
    align-items: center;
    font-size: 30px;
    font-weight: 500;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    padding-bottom: 5px;
    margin-bottom: 0;
    max-width: 565px;
    line-height: normal;
    flex-wrap: wrap;
}

.signup-block a:after {
    content: attr(data-name);
    font-size: 15px;
    display: block;
    width: 100%;
    color: #000;
    margin-top: -2px;
    margin-left: 2px;
    max-width: 320px;
}

.signup-block a img {
    width: 32px;
    right: 0;
    margin-left: 98px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.signup-block a:hover img {
    /*filter: invert(47%) sepia(2%) saturate(3%) hue-rotate(349deg) brightness(97%) contrast(90%);
    -webkit-filter: invert(47%) sepia(2%) saturate(3%) hue-rotate(349deg) brightness(97%) contrast(90%);
    right: -20px;*/
}

.signup-block {
    width: 50%;
    min-height: 90px;
    position: relative;
    display: flex;
    align-items: center;
}

.signup-block.driver:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #fff;
    top: 0;
    bottom: 0;
}

.signup-block.rider {
    justify-content: flex-end;
}

.signup-row {
    background-color: #e0e0e0;
    overflow: hidden;
}

/*********** signup section end *********/
/*************icon shake animation start*************/
/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-buzz .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-buzz:hover .hvr-icon,
.hvr-icon-buzz:focus .hvr-icon,
.hvr-icon-buzz:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-buzz-out .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-buzz-out:hover .hvr-icon,
.hvr-icon-buzz-out:focus .hvr-icon,
.hvr-icon-buzz-out:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/*************icon shake animation end*************/
/*************************************************
==============home page css end=================--
*************************************************/
/*************************************************
==============login page css start=================--
*************************************************/
.login-main {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
    background-attachment: fixed;
}

.login-inner {
    max-width: 1310px;
    padding: 40px 15px;
    margin: 0 auto;
    min-height: 654px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: calc(100vh - 354px);
    min-height: -o-calc(100vh - 354px);
    min-height: -moz-calc(100vh - 354px);
    min-height: -webkit-calc(100vh - 354px);
}

.login-block {
    min-height: 571px;
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.login-caption {
    /*margin-top: 46px;*/
    padding-left: 0;
    display: none;
}

.company-register-container {
    margin: 0 auto;
    width: 100%;
}

.login-caption.active {
    display: block;
}

.login-caption strong {
    font-size: 34px;
    font-weight: 600;
    color: #000;
    display: block;
    margin-bottom: 30px;
    line-height: normal;
}

.login-caption ul li {
    font-size: 16px;
    color: #000;
    padding: 0 0 8px 26px;
    position: relative;
    margin-bottom: 8px;
    line-height: normal;
}

.login-caption ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 50%;
    background-color: #fff;
    border: 5px solid #45aeac;
    box-sizing: content-box;
}
.login-left {
    width: 60%;
}
.login-right {
    width: 38%;
}
.sign-up-main-img,
.sign-in-main-img {
    position: relative;
    display: block;
    max-width: 427px;
    margin: 0 auto 20px auto;
}
.sign-up-main-img::before,
.sign-in-main-img::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 98%;
}
.sign-up-main-img img,
.sign-in-main-img img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
}
.login-data-inner {
    margin-top: -15px;
}
ul.tab-switch li a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    background-color: rgba(0, 0, 0, 0.08);
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    padding: 8px 26px;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    box-shadow: 0 0 0 1px transparent;
    margin-top: 1px;
}

ul.tab-switch li.active a {
    box-shadow: 0 0 0 1px #45aeac;
}

.tabholder {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.login-block-heading {
    width: 100%;
    border-bottom: 1px solid #66c7c5;
    border-radius: 10px 10px 0 0;
    background-color: #eaffff;
}

.login-block-heading-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1310px;
    margin: 0 auto;
    padding: 47px 15px 0 15px;
    align-items: flex-end;
    min-height: 106px;
}

.login-block-heading label {
    font-size: 38px;
    font-weight: 500;
    color: #000;
    margin: 0 0 20px 0;
}

.login-block-heading.forget_label {
    justify-content: center;
    padding: 0;
}

ul.tab-switch li.active a {
    background-color: #fff;
    color: #000;
    position: relative;
}

ul.tab-switch li.active a:after {
    content: '';
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

ul.tab-switch {
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.login-right h1 {
    font-size: 44px;
    font-weight: 600;
    color: #45aeac;
    padding-top: 0;
    margin-bottom: 24px;
}

.login-right h1~p {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.login-right p {
    color: #404040;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 20px;
}

.login-right .form_hold {
    margin-top: 25px;
}

.login-right form .form-group {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.login-right form .form-group input,
.login-right form .form-group select {
    width: calc(100% - 0px);
    width: -o-calc(100% - 0px);
    width: -ms-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
}

.login-right form .form-group select {
    outline: none;
    width: 100%;
    background-image: url(../../../img/apptype/ProXJ/select-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 11px;
    background-color: transparent;
}
[dir="rtl"] .login-right form .form-group select{
    background-position: left 10px center;
}
.countryPhoneSelectChoice {
    outline: none !important;
    width: auto !important;
    /* background-image: url(../../../img/apptype/ProXJ/select-arrow.jpg) !important; */
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 11px !important;
    background-color: transparent !important;
    padding-right: 25px !important;
}

.login-right form .form-group.error:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #ff0000;
    border-radius: 0 6px 6px 0;
}

.login-right form .form-group.success:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #6cc700;
    border-radius: 0 6px 6px 0;
}

.login-right form .form-group input:focus {
    border: 1px solid #404040;
    outline: none;
}

.login-right form .form-group select:focus {
    border: 1px solid #404040;
}

.login-right form .form-group label {
    position: absolute;
    left: 16px;
    /* top: 50%;*/
    top: 24px;
    margin-top: -8px;
    pointer-events: none;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    transition: all 150ms ease 0s;
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
}

.login-right form .form-group.floating label {
    top: 0px;
    background-color: #fff;
    z-index: 200;
    padding: 0 6px;
    transform: scale(0.8) translateX(-25px);
    -webkit-transform: scale(0.8) translateX(-25px);
    -moz-transform: scale(0.8) translateX(-25px);
    -ms-transform: scale(0.8) translateX(-25px);
    -o-transform: scale(0.8) translateX(-25px);
    color: #404040;
}

.login-right form #mobile-otp-form .form-group label {
    left: 106px;
}

[dir="rtl"].login-right form #mobile-otp-form .form-group label {
    left: auto;
    right: 116px;
}

.btn-hold input[type="submit"],
.btn-hold .book-btn,
.ordernow .book-btn {
    border-radius: 6px;
}

.btn-hold input[type="submit"],
.btn-hold #sendOTP {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 17px;
    font-weight: 500;
    padding: 14px 54px 14px 22px;
    cursor: pointer;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    font-family: var(--common_font);
}

.btn-hold input[type="submit"]:hover,
.btn-hold input[type="submit"]:focus {
    background-color: transparent;
}

.btn-hold input[type="submit"]:hover~img {
    /*right: 16px;*/
}

.btn-hold img {
    width: 20px;
    position: absolute;
    right: 22px;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.btn-hold {
    position: relative;
    display: inline-block;
}

.btn-hold .book-btn {
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    padding: 18.5px 22px 18.5px 22px;
    cursor: pointer;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    font-family: var(--common_font);
    background: #000;
    text-align: center;
    margin-right: auto;
}

.btn-hold .book-btn:hover {
    text-decoration: none;
    background: #757575;
}

.btn-hold .book-btn::after {
    display: none;
}

.btn-hold.mr-auto {
    margin-right: auto;
    padding-left: 15px;
}

.button-block .gen-btn {
    margin-left: 0;
}

.button-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
}

.button-block.justify-center {
    justify-content: center;
}

.button-block.justify-center a {
    margin: 0 10px;
}

.button-block.end {
    justify-content: flex-end;
    width: 100%;
}

.button-block a {
    text-decoration: none;
    font-size: 13px;
    color: #000000;
    font-weight: 500;
    position: relative;
}

.button-block a:hover,
.button-block a:focus {
    outline: none;
}

.button-block a:hover:after,
.button-block a:focus:after {
    width: 100%;
}

.button-block a:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #000;
    bottom: -5px;
    transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -ms-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    left: 0;
}

.member-txt {
    font-size: 16px;
    color: #404040;
    font-weight: 500;
    text-align: center;
}

.member-txt a {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    position: relative;
    padding-bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    position: relative;
    display: inline-block;
    font-size: 16px;
}

.member-txt a:after {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 0%;
    height: 1px;
    background-color: #000;
    left: 0;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
}

.member-txt a:hover:after {
    width: 100%;
}

.member-txt a:hover,
.member-txt a:focus {
    opacity: 0.5;
    outline: none;
}

.aternate-login {
    height: 36px;
    display: block;
    position: relative;
    text-align: center;
    margin: 10px 0;
    z-index: 1;
}

.aternate-login:after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #c8c8c8;
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
}

.aternate-login:before {
    content: attr(data-name);
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 0 0 1px #b7b7b7 inset, 0 0 0 11px #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

/* .soc-login-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    flex-direction: column;
    margin-top: 20px;
} */
.soc-login-row {
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
}

.soc-login-row label {
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    margin-bottom: 10px;
    display: block;
}

ul.social-list li a {
    text-decoration: none;
    outline: none !important;
}

ul.social-list li a i {
    font-size: 34px;
    color: #000;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

ul.social-list li a i.fa-facebook-square {
    color: #3b5999;
}

ul.social-list li a i.fa-linkedin-square {
    color: #0077B5;
}

ul.social-list li a i.fa-google-plus-square {
    color: #dd4b39;
}

ul.social-list li a i.fa-facebook-square:hover,
ul.social-list li a i.fa-facebook-square:focus,
ul.social-list li a i.fa-linkedin-square:hover,
ul.social-list li a i.fa-linkedin-square:focus,
ul.social-list li a i.fa-google-plus-square:hover,
ul.social-list li a i.fa-google-plus-square:focus {
    opacity: 0.5;
    outline: none;
}

ul.social-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.social-list li {
    margin: 0 10px 10px 10px;
}

.login-block-footer {
    padding: 15px;
    /*border-top: 1px solid #e0e0e0;*/
    width: 100%;
}

.login-block-footer b {
    margin-bottom: 7px;
    display: block;
    font-weight: 600;
    font-size: 17px;
}

.login-block-footer p {
    color: #404040;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 18px;
}

.login-block-footer b i {
    margin-right: 5px;
}

.note-holder {
    display: none;
}

.note-holder.active {
    display: block;
}

.login-block-footer.for-registration .login-caption {
    margin-top: 0;
    /*padding: 20px 0 20px 0;*/
}

.login-block-footer.for-registration {
    /* margin-top: 30px;*/
    padding: 0;
}

/******************register page customizations*****************************/
.login-right.full-width form .form-group.onethird {
    width: calc(33.33% - 16px);
    width: -o-calc(33.33% - 16px);
    width: -ms-calc(33.33% - 16px);
    width: -moz-calc(33.33% - 16px);
    width: -webkit-calc(33.33% - 16px);
    margin: 0 8px 30px 8px;
}

.login-right.full-width form .form-group.half,
.contact-section form .form-group.half,
.general-form .form-group.half {
    width: calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: -ms-calc(50% - 16px);
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    margin: 0 8px 27px 8px;
}

.contact-section form .form-group.half {
    margin-bottom: 10px;
}

.general-form .form-group.half {
    margin: 8px 8px 20px 8px;
}

.general-form .half-column {
    width: calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: -ms-calc(50% - 16px);
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    margin: 0 8px 0 8px;
}

.driver-add-vehicle-setting .half-new {
    width: auto !important;
    margin: 0px !important;
}

.general-form .form-group.full {
    width: calc(100% - 16px);
    width: -o-calc(100% - 16px);
    width: -ms-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: -webkit-calc(100% - 16px);
    margin: 0 8px 20px 8px;
}

.general-form .partation h1 {
    width: 100%;
    font-size: 20px;
    color: #666;
    padding-left: 8px;
    margin-bottom: 15px;
    font-weight: 500;
}

.dashboard .general-form .partation {
    margin-bottom: 10px;
}

.profile-image-hold {
    width: 200px;
    height: 200px;
    margin: 0 auto 30px auto;
    border: 1px solid #c1c1c1;
}

.profile-image-hold img {
    max-width: 100%;
    max-height: 100%;
}

.partation {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
    margin-bottom: 8px;
}

.contact-section form .partation {
    margin-bottom: 0;
}

.login-right.full-width form .form-group {
    width: 100%;
    margin: 0 8px 20px 8px;
}

.captcha-column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.login-right.full-width.full-width {
    width: 50%;
}

.login-left.for_reg {
    width: 48%;
}

.login-right.full-width form .captcha-column .form-group {
    width: 130px;
}

.login-right.full-width .partation h1 {
    width: 100%;
    font-size: 25px;
    color: #666;
    padding-left: 8px;
}

.login-block-footer.for-registration .login-caption ul li {
    width: 100%;
    padding-right: 0;
}

.login-block-footer.for-registration .login-caption ul {
    display: flex;
    flex-wrap: wrap;
}

.login-right.full-width .button-block {
    padding-left: 8px;
}

.captcha-column a {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    position: relative;
    padding-bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    position: relative;
    display: inline-block;
}

.captcha-column a:hover,
.captcha-column a:focus {
    opacity: 0.5;
    outline: none;
}

.gen-forms {
    display: none;
}

.gen-forms.active {
    display: block;
}

.login-right.full-width form .form-group.phone-column select {
    width: 75px;
    border-radius: 6px 0 0 6px;
    position: absolute;
    left: 0;
    top: 0;
}

.login-right.full-width form .form-group.phone-column input {
    margin-left: 74px;
    border-radius: 0 6px 6px 0;
    width: calc(100% - 74px);
    width: -o-calc(100% - 74px);
    width: -ms-calc(100% - 74px);
    width: -moz-calc(100% - 74px);
    width: -webkit-calc(100% - 74px);
}

.login-right.full-width form .form-group.phone-column .phonecode {
    width: 75px;
    border-radius: 6px 0 0 6px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    box-sizing: border-box;
    padding: 14px 10px 15px 10px;
}

.login-right.full-width form .form-group.phone-column #codec.phonecode {
    width: 75px;
    border-radius: 6px 0px 0 6px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    box-sizing: border-box;
}

.login-right form .form-group.phone-column label {
    left: 90px;
}

.captcha-column img {
    vertical-align: middle;
    margin: 0 0 0 10px;
}

.captcha-column span {
    margin: 8px 0;
    height: auto;
}

.login-block-footer.for-registration .login-caption {
    min-height: unset;
}

/************/
.radio-holding-row {
    margin-bottom: 20px;
    width: 100%;
    padding: 0 8px;
    margin-top: 10px;
}

.radio-holding-row strong {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    display: block;
    width: 100%;
}

.radio-holding-row>label {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
}

/*****************Radio Start*****************/
.radio-holder {
    display: inline-block;
    width: auto;
    position: relative;
    vertical-align: middle;
    margin-right: 11px;
    cursor: pointer;
}

.radio-box {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 0 1px #666;
    background-color: #dbdbdb;
    position: relative;
    pointer-events: none;
    border-radius: 50%;
    margin-left: 1px;
}

.radio-holder [type="radio"] {
    width: 18px;
    margin: 0;
    height: 18px;
    top: 0;
    position: absolute;
    left: 0;
    cursor: pointer;
    outline: none !important;
    opacity: 0;
}

.costing {
    color: #626262;
    font-size: 15px;
    font-weight: 500;
}

.radio-holder~label {
    vertical-align: middle;
    margin: 0;
    color: #626262;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.radio-holder [type="radio"]:checked~.radio-box {
    background-image: url(../../../img/apptype/ProXJ/mark.png);
    background-size: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px #666;
}

/*****************Radio End*****************/
.flexible-row .label-data-hold {
    margin-right: 15px;
    display: inline-block;
}

.flexible-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.flexible-row label {
    margin-right: 21px;
    vertical-align: middle;
}

/*************************************************
==============login page css end=================--
*************************************************/
/*************************************************
==============about page css start=================--
*************************************************/
.heading-area {
    background-color: #f5f5f5;
}

/****************************/
.heading-area.commonheading {
    background-color: transparent;
    padding: 50px 0 0 0;
}

.heading-area.commonheading .heading-area-inner {
    height: auto;
}

.heading-area.commonheading h1 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #00a9b7;
    width: 100%;
    margin-top: 0;
}

/****************************/
.heading-area-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    height: 164px;
    display: flex;
    align-items: center;
}

.heading-area h1 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-top: 18px;
}

.about-caption-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
}

.about-caption {
    padding: 42px 0 40px 0;
}

.about-caption h3 {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
    line-height: 40px;
}

.about-caption p {
    color: #404040;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 18px;
}

.article-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.article-image {
    padding: 32px;
    background-color: #000;
    z-index: 1;
    position: relative;
}

article {
    margin-bottom: 70px;
}

.article-image-inner {
    width: 570px;
    height: 639px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.article-image:after {
    content: '';
    position: absolute;
    padding-right: 178px;
    border-top: 706px solid #fff;
    right: 0;
    top: 0;
    border-left: 216px solid transparent;
    z-index: -1;
}

article.inverse .article-image::after {
    padding-right: 178px;
    border-top: 706px solid #fff;
    right: 0;
    left: auto;
    top: 0;
    border-left: 216px solid transparent;
    border-right: none;
}

.artical-right {
    width: calc(100% - 665px);
    width: -o-calc(100% - 665px);
    width: -ms-calc(100% - 665px);
    width: -moz-calc(100% - 665px);
    width: -webkit-calc(100% - 665px);
    padding-top: 34px;
}

.artical-right h4 {
    font-size: 35px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 28px;
}

.artical-right p {
    color: #404040;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 28px;
}

.artical-links-row {
    display: flex;
    flex-wrap: wrap;
}

.artical-links-row a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    padding-bottom: 4px;
    display: inline-block;
    margin-right: 65px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    margin-bottom: 15px;
}

.artical-links-row a:hover {
    opacity: 0.5;
}

.artical-links-row a:hover:after {
    right: -10px;
}

.artical-links-row a:after {
    width: auto;
    margin-left: 15px;
    content: '\61';
    font-family: 'icomoon';
    font-size: 12px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    position: relative;
    right: 0;
    display: inline-block;
    font-size: 12px;
}

.artical-links-row a:hover img {
    right: -10px;
}

.artical-links-row a img {
    width: 14px;
    margin-left: 15px;
    display: inline-block;
    position: relative;
    right: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

article.inverse .article-inner {
    flex-direction: row-reverse;
}

article.inverse .article-image:after {
    padding-right: 178px;
    border-top: 706px solid #fff;
    left: 0;
    right: auto;
    top: 0;
    border-right: 216px solid transparent;
    border-left: none;
}

/*******************contact page etylesheet start**********************/
.contact-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: calc(100vh - 612px);
    min-height: -o-calc(100vh - 612px);
    min-height: -moz-calc(100vh - 612px);
    min-height: -webkit-calc(100vh - 612px);
}

.contact-section h1 {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    padding-top: 0;
    margin-bottom: 19px;
}

.contact-section p {
    color: #404040;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 15px;
}

.contact-section .form_hold {
    margin-top: 25px;
}

.contact-section form .form-group,
.general-form .form-group {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.contact-section form .form-group input,
.contact-section form .form-group select {
    /* width: calc(100% - 34px);
    width: -o-calc(100% - 34px);
    width: -ms-calc(100% - 34px);
    width: -moz-calc(100% - 34px);
    width: -webkit-calc(100% - 34px); */
    width: calc(100%);
    width: -o-calc(100%);
    width: -ms-calc(-100%);
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    font-family: var(--common_font);
}

.contact-section form .form-group select {
    outline: none;
    width: 100%;
    background-image: url(../../../img/apptype/ProXJ/select-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 11px;
}

.contact-section form .form-group.error:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #ff0000;
    border-radius: 0 6px 6px 0;
}

.contact-section form .form-group.success:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #6cc700;
    border-radius: 0 6px 6px 0;
}

.contact-section form .form-group input:focus {
    border: 1px solid #c1c1c1;
    outline: none;
}

.contact-section form .form-group label {
    position: relative;
    left: 16px;
    top: 35px;
    margin-top: -8px;
    pointer-events: none;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    transition: all 150ms ease 0s;
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
}

.contact-section form .form-group.floating label {
    top: 7px;
    background-color: #fff;
    z-index: 1;
    padding: 0 6px;
    transform: scale(0.8) translateX(-25px);
    -webkit-transform: scale(0.8) translateX(-25px);
    -moz-transform: scale(0.8) translateX(-25px);
    -ms-transform: scale(0.8) translateX(-25px);
    -o-transform: scale(0.8) translateX(-25px);
    color: #404040;
}

.contact-us-phone,
.contact-section .contact-us-phone {
    font-size: 12px;
    line-height: 14px;
    margin: 10px 0 0 10px;
}

.contact-section form .form-group .error {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 7px;
    margin-left: 8px;
}

.contact-left {
    /* width: 47%;*/
    width: calc(100% - 400px);
    width: -o-calc(100% - 400px);
    width: -moz-calc(100% - 400px);
    width: -webkit-calc(100% - 400px);
}

.contact-section {
    padding: 35px 0 50px 0;
}

.contact-left strong {
    font-size: 17px;
    color: #404040;
    font-weight: 500;
}

.contact-section form .form-group textarea {
    /* width: calc(100% - 34px);
    width: -o-calc(100% - 34px);
    width: -ms-calc(100% - 34px);
    width: -moz-calc(100% - 34px);
    width: -webkit-calc(100% - 34px); */
    width: calc(100%);
    width: -o-calc(100%);
    width: -ms-calc(100%);
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    height: 107px;
    outline: none;
    resize: vertical;
    font-family: var(--common_font);
}

.contact-section form .form-group.textarea label {
    top: 24px;
}

.contact-section form .form-group.textarea.floating label {
    top: 7px;
    background-color: #fff;
    z-index: 1;
    padding: 0 6px;
    transform: scale(0.8) translateX(-25px);
    -webkit-transform: scale(0.8) translateX(-25px);
    -moz-transform: scale(0.8) translateX(-25px);
    -ms-transform: scale(0.8) translateX(-25px);
    -o-transform: scale(0.8) translateX(-25px);
    color: #404040;
}

.cont-det-block strong {
    font-size: 26px;
    color: #000;
    font-weight: 500;
    display: block;
    margin-bottom: 16px;
}

.cont-det-block address {
    font-size: 15px;
    font-weight: 500;
    color: #404040;
    line-height: 26px;
    padding-left: 32px;
    position: relative;
}

.contact-right {
    max-width: 384px;
}

.cont-det-block {
    margin-bottom: 37px;
}

.cont-det-block address i {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 30px;
}

.cont-det-block ul li {
    padding-left: 42px;
    position: relative;
    margin-bottom: 18px;
}

.cont-det-block ul li i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 23px;
}

.cont-det-block ul li i.fa.fa-envelope {
    font-size: 19px;
}

.cont-det-block ul li a {
    text-decoration: none;
    color: #404040;
    font-weight: 500;
    font-size: 18px;
}

.cont-det-block ul li a:hover,
.cont-det-block ul li a:focus {
    opacity: 0.5;
    outline: none
}

.contact-section form .captcha-column .form-group {
    width: 130px;
    margin-bottom: 0;
}

.contact-section .captcha-column {
    margin-bottom: 20px;
}

.contact-section form .form-group.phone-column select {
    width: 75px;
    border-radius: 6px 0 0 6px;
    position: absolute;
    left: 0;
    top: 0;
}

.contact-section form .form-group.phone-column input {
    margin-left: 74px;
    border-radius: 0 6px 6px 0;
    width: calc(100% - 108px);
    width: -o-calc(100% - 108px);
    width: -ms-calc(100% - 108px);
    width: -moz-calc(100% - 108px);
    width: -webkit-calc(100% - 108px);
}

.contact-section .form-group.phone-column label {
    left: 90px;
}

/***************************************************/
.login-block.for-forgot {
    min-height: 418px;
}

.login-block.for-forgot .member-txt {
    margin-bottom: 50px;
}

.login-block.for-forgot .aternate-login {
    margin-bottom: 30px;
}

/************************taxi app page css start****************************/
.banner-section.taxi-app .banner-back .banner-image {
    display: block !important;
    position: relative;
    border: 1px solid #ddd;
}

.banner-section.taxi-app .banner-section-inner {
    box-sizing: border-box;
    padding: 0 15px;
    min-height: inherit;
    /* flex-direction: row-reverse; */
}

.banner-section.taxi-app .banner-back .banner-image::before {
    content: "";
    position: absolute;
    width: 54%;
    top: -23px;
    background: #ddd;
    padding-top: 55%;
    z-index: -1;
    right: 49.6%;
    border-radius: 12px;
}

.banner-section.taxi-app .banner-back .banner-image::after {
    content: "";
    position: absolute;
    width: 54%;
    bottom: -24px;
    background: #ddd;
    padding-top: 55%;
    z-index: -1;
    left: 50%;
    border-radius: 12px;
}

.banner-section.taxi-app .banner-back .banner-image img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    display: block;
}

.banner-section.taxi-app {
    overflow: hidden;
}

.banner-back {
    width: 48%;
    float: left;
    padding: 0 21px 21px 21px;
    margin: 0 20px 20px 0;
}

.banner-section.taxi-app .banner-section-inner:after {
    content: '';
    display: block;
    clear: both;
}

.banner-section.taxi-app ul.tab-row li a {
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    max-height: 57px;
    overflow: hidden;
    padding-bottom: 3px;
    line-height: 19px;
}

.banner-section.taxi-app ul.tab-row {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 15px 0 15px;
    background-color: rgba(255, 255, 255, 0.905);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    height: 65px;
    align-items: center;
    display: none;
}

.banner-section.taxi-app .tab-row-holding.sticky ul.tab-row {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    max-width: 100%;
    width: 1920px;
}

.banner-section.taxi-app .tab-row-holding {
    background-color: transparent;
}

.banner-section.taxi-app .tab-row-holding.sticky {
    height: 71px;
    z-index: 3;
    position: fixed;
    left: 0;
    right: 0;
}

.banner-section.taxi-app ul.tab-row li:after {
    bottom: 0px;
}

.banner-section.taxi-app .categories-block {
    width: 48%;
    display: inline;
}

.banner-section.taxi-app .categories-caption {
    display: block;
    min-height: inherit;
}

.banner-section.taxi-app .categories-caption .book-btn {
    display: none;
}

.banner-section.taxi-app .categories-caption h2 {
    color: #000;
    font-size: 33px;
    line-height: 39px;
    font-weight: 600;
}

.banner-section.taxi-app .categories-caption h2 span {
    color: #000;
    display: inline-block;
}

/********************* how it works css start ****************************/
/********************* how it works css end ****************************/
.how-it-works-section.taxi-variant .how-it-works-section-inner {
    flex-wrap: wrap;
}

.how-it-works-section.taxi-variant .how-it-works-left {
    width: 100%;
    text-align: justify;
    padding: 0;
}

.how-it-works-section.taxi-variant .how-it-works-right {
    width: calc(100% - 588px);
    width: -o-calc(100% - 588px);
    width: -ms-calc(100% - 588px);
    width: -moz-calc(100% - 588px);
    width: -webkit-calc(100% - 588px);
    align-items: center;
    justify-content: center;
}

.how-it-works-section.taxi-variant ul li:before,
.how-it-works-section.taxi-variant ul li:after {
    display: none;
}

.how-it-works-section.taxi-variant h3 {
    margin-bottom: 13px;
    font-size: 33px;
    color: #000;
    line-height: 39px;
}

.how-it-works-section.taxi-variant .how-it-works-left strong {
    color: #404040;
    line-height: 23px;
    font-size: 15px;
    margin-bottom: 20px;
    display: block;
}

.how-it-works-section.taxi-variant .how-it-works-left li strong {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 4px;
}

.how-it-works-section.taxi-variant ul li {
    padding-top: 0;
    /*max-width: 420px;*/
}

.how-it-works-section.taxi-variant.otherservice ul li {
    max-width: 100%;
}

.how-it-works-section.taxi-variant ul {
    margin-top: 0;
    margin-bottom: 0;
}

.how-it-works-section.taxi-variant ul li .proc_ico {
    width: 48px;
    position: absolute;
    left: 6px;
    top: 4px;
}

.how-it-works-section.taxi-variant .how-it-works-right img {
    margin: -60px 0 0 -33px;
    transform: translate3d(845px, 0px, 0px);
    -webkit-transform: translate3d(845px, 0px, 0px);
    -moz-transform: translate3d(845px, 0px, 0px);
    -ms-transform: translate3d(845px, 0px, 0px);
    -o-transform: translate3d(845px, 0px, 0px);
    animation: slideleft 1s normal forwards linear;
    width: 855px;
}

@keyframes slideleft {
    from {
        transform: translate3d(845px, 0px, 0px);
    }

    to {
        transform: translate3d(0px, 0px, 0px);
    }
}

/****************sefty section css start********************/
.safety-section.taxi-variant .safty-image-hold {
    max-width: 100%;
    border: 1px solid #ddd;
    z-index: 1;
}

.safety-section.taxi-variant.for-kiosk {
    background-color: #f6f6f6;
}

form.gen-from .form-group input,
form.gen-from .form-group select {
    width: calc(100% - 34px);
    width: -o-calc(100% - 34px);
    width: -ms-calc(100% - 34px);
    width: -moz-calc(100% - 34px);
    width: -webkit-calc(100% - 34px);
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
}

.safety-section.taxi-variant.for-kiosk .safty-image-hold {
    /*height: 491px; becoz Avail of a Ride section in ride page, image have padding after image..*/
    min-height: 491px;
    height: 100%;
}

form.gen-from .form-group input:focus {
    border: 1px solid #404040;
    outline: none;
}

form.gen-from .form-group select:focus {
    border: 1px solid #404040;
}

form.gen-from .form-group label {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
    pointer-events: none;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    transition: all 150ms ease 0s;
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
}

form.gen-from .form-group.floating label {
    top: 0px;
    background-color: #fff;
    z-index: 1;
    padding: 0 6px;
    transform: scale(0.8) translateX(-25px);
    -webkit-transform: scale(0.8) translateX(-25px);
    -moz-transform: scale(0.8) translateX(-25px);
    -ms-transform: scale(0.8) translateX(-25px);
    -o-transform: scale(0.8) translateX(-25px);
    color: #404040;
}

form.gen-from .form-group {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.safety-section.taxi-variant .safety-section-right {
    background-color: transparent;
    justify-content: flex-start;
    width: 48%;
    padding: 0;
}

.safety-section.taxi-variant h3 {
    max-width: unset;
    margin-bottom: 18px;
    font-size: 33px;
    line-height: 39px;
    color: #000;
    font-weight: 600;
}

.safety-section h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 38px;
    line-height: 57.88px;
}

.safety-section.taxi-variant {
    padding: 70px 0;
    background-color: transparent;
    overflow: hidden;
}

.safety-section.taxi-variant p {
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 15px;
    text-align: justify;
}

.safety-section.taxi-variant .safety-section-left {
    width: 48%;
}

.safety-section.taxi-variant .safety-section-right form.gen-from {
    max-width: 649px;
    padding-left: 46px;
    box-sizing: border-box;
    padding-right: 15px;
}

.safety-section.taxi-variant form.gen-from .form-group input {
    width: 100%;
}

form.gen-from .form-group.pickup-location:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    left: -50px;
    top: 0;
    background-image: url(../../../img/apptype/ProXJ/marker.svg);
    background-repeat: no-repeat;
    background-position: left top 8px;
    background-size: 18px;
    filter: invert(22%) sepia(72%) saturate(3752%) hue-rotate(100deg) brightness(94%) contrast(104%);
    -webkit-filter: invert(22%) sepia(72%) saturate(3752%) hue-rotate(100deg) brightness(94%) contrast(104%);
}

form.gen-from .form-group.drop-location:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #D2042D;
    position: absolute;
    left: -48px;
    bottom: 4px;
}

form.gen-from .form-group.drop-location:after {
    content: '';
    width: 2px;
    height: 74px;
    bottom: 20px;
    position: absolute;
    left: -42px;
    background-image: url(../../../img/apptype/ProXJ/grey-line.png);
}

form.gen-from .form-group.error:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #ff0000;
    border-radius: 0 6px 6px 0;
}

form.gen-from .form-group.success:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #6cc700;
    border-radius: 0 6px 6px 0;
}

/************************** services page stylesheet ********************************/
.services {
    background-color: #f6f6f6;
    padding: 34px 0 4px 0;
}

.services h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 0;
}

.services-inner {
    margin: 0 auto;
    width: 1310px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
    max-width: 100%;
    box-sizing: border-box;
}

.services-inner h3 {
    margin-bottom: 15px;
}

.services strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}

.services ul {
    display: flex;
    flex-wrap: wrap;
    margin: 28px -18px 0 -18px;
}

.services ul li {
    padding: 0 9px;
    width: 33.33%;
    text-align: center;
    box-sizing: border-box;
    /*margin-bottom: 18px; bcoz arrow in Our Services section in ride page is not proper. */
    margin-bottom: 35px;
}

.services ul li .service-block {
    box-shadow: 0 0 0 1px #e3e3e3;
    background-color: #fff;
    text-align: center;
    padding: 30px 28px 53px 28px;
    position: relative;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    min-height: 100%;
    box-sizing: border-box;
}

.services ul li .service-block:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06), 0 0 0 1px #828282;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06), 0 0 0 1px #828282;
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06), 0 0 0 1px #828282;
    -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06), 0 0 0 1px #828282;
    -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06), 0 0 0 1px #828282;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

.services ul li .service-block:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 145px;
    background-color: #f2f2f2;
    z-index: -1;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.services ul li .service-block:hover:before {
    /*opacity:0;*/
}

.services ul li .service-block strong {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 24px;
    display: block;
    margin: 59px 0 15px 0;
}

.services ul li .service-block i {
    display: inline-block;
    height: 83px;
}

.services ul li .service-block p {
    /* font-size: 14px; */
    font-weight: 500;
    line-height: 22px;
    color: #777777;
}

.services ul li .service-block a img {
    width: 14px;
}

.services ul li .service-block a {
    width: 42px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    background-color: #000;
    border-radius: 50%;
    margin-left: 0px;
    position: absolute;
    bottom: -19px;
    left: 0;
    opacity: 0;
    z-index: 1;
    text-decoration: none;
    pointer-events: none;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

/*.services ul li .service-block:hover a {*/
/*    left: 50%;*/
/*    opacity: 1;*/
/*    margin-left: -20px;*/
/*}*/
/*****************benefits section css start*******************/
.benefits {
    padding: 39px 0 0px 0;
}

.benefits-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.benefits h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 10px;
}

.benefits .benefits-inner>strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}

.benefits-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 64px;
    width: 100%;
}

.benefits-left {
    width: 34.78%;
    text-align: right;
}

.benefits-right {
    width: 34.78%;
}

.benefits-middle {
    width: 29.55%;
    text-align: center;
    margin-top: -26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefits-middle img {
    max-width: 271px;
}

.benefits-middle.fly-img img {
    max-width: 350px;
}

.benefits-middle.data-middle {
    width: 29.55%;
    text-align: center;
    margin-top: -80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefits ul li strong {
    font-size: 20px;
    color: #424242;
    font-weight: 500;
    display: block;
    margin-bottom: 12px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.benefits ul li p {
    /* font-size: 14px; */
    color: #777777;
    line-height: 22px;
    font-weight: 500;
}

.benefits ul li i {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    background-color: transparent;
    border-radius: 50%;
    top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.benefits ul li i img {
    max-width: 42px;
}

.benefits ul li {
    position: relative;
}

.benefits-left ul li {
    padding: 4px 97px 0 0;
    margin-bottom: 100px;
}

.benefits-right ul li {
    padding: 4px 0 0 97px;
    margin-bottom: 100px;
}

.benefits .benefits-right ul li i {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    right: auto;
    background-color: transparent;
    border-radius: 50%;
    top: 0;
}

.benefits ul li:hover strong {
    color: #000;
}

.benefits ul li:hover i {
    background-color: transparent;
}

.benefits .horizonatal-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 21px;
    width: 100%;
}

.benefits .horizonatal-title h3 {
    width: 326px;
    position: relative;
    margin: 0;
    min-height: 53px;
    padding: 5px 0 0 0;
}

.benefits .horizonatal-title strong {
    width: calc(100% - 364px);
    width: -o-calc(100% - 364px);
    width: -ms-calc(100% - 364px);
    width: -moz-calc(100% - 364px);
    width: -webkit-calc(100% - 364px);
    line-height: 32px;
    color: #404040;
    font-size: 18px;
}

.benefits .horizonatal-title h3:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
}

/*****************benefits section css end********************/
/*****************delivery section css start********************/
.delivery {
    padding: 24px 0 0px 0;
}

.delivery .horizonatal-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 48px;
    width: 100%;
}

.delivery h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}

.delivery .horizonatal-title h3 {
    width: 326px;
    position: relative;
    margin: 0;
    min-height: 53px;
    padding: 19px 0 0 0;
}

.delivery .horizonatal-title strong {
    width: calc(100% - 364px);
    width: -o-calc(100% - 364px);
    width: -ms-calc(100% - 364px);
    width: -moz-calc(100% - 364px);
    width: -webkit-calc(100% - 364px);
    line-height: 32px;
    color: #404040;
    font-size: 18px;
}

.delivery .horizonatal-title h3:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #000;
}

.delivery-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.delivery-left .delivery-image-block {
    height: 405px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.delivery-left {
    width: 47.657%;
}

.delivery-right {
    width: 43.2%;
}

.delivery-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 25px;
    position: relative;
    z-index: 0;
    margin-bottom: 20px;
    width: 100%;
}

.delivery-block-caption {
    min-height: 468px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 38px 70px 0 0;
    box-sizing: border-box;
}

.delivery-block-caption h4 {
    font-size: 40px;
    font-weight: 500;
    color: #000;
    line-height: 57.88px;
    margin-bottom: 30px;
}

.delivery-block-caption p {
    font-size: 17px;
    color: #404040;
    line-height: 28px;
    margin-bottom: 26px;
}

.delivery-row:after {
    content: '';
    position: absolute;
    right: 0;
    left: 25%;
    height: 100%;
    /*background-color: #f3f3f3;*/
    background-color: #fff;
    z-index: -1;
    top: 0;
}

.delivery-row.invert {
    flex-direction: row-reverse;
    /*margin-bottom: 0;*/
    margin-bottom: 24px;
}

.delivery-row.invert::after {
    right: 25%;
    left: 0;
}

.delivery-row.invert .delivery-block-caption {
    padding: 38px 0 0 70px;
}

.delivery-left button {
    outline: none;
    background-color: transparent;
    border: none;
    width: 63px;
    height: 63px;
    bottom: 0;
    left: 25%;
    position: absolute;
    margin-left: -63px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.delivery-left button:hover {
    background-color: #757575;
}

.delivery-left button img {
    width: 18px;
}

.delivery-row.invert .delivery-left button {
    left: auto;
    right: 25%;
    margin-left: auto;
    margin-right: -63px;
}

/*****************delivery section css end********************/
/*label#loginlabel {
    margin-left: auto;
    margin-right: auto;
}*/
/*****************howitworks css end********************/
.head-area {
    margin-bottom: 30px;
}

#how-it-works.food-variant .head-area {
    width: 100%;
}

.howitworks {
    padding: 24px 0 40px 0;
}

#how-it-works {
    background-color: #f3f3f3;
    margin: 50px 0;
}

#how-it-works.how-it-works-section {
    margin-bottom: 0;
}

#how-it-works.mb-20 {
    margin-bottom: 20px;
}

.how-it-works-section.food-variant h3 {
    margin-bottom: 12px;
}

.howitworks .horizonatal-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 21px;
    width: 100%;
}

.howitworks .horizonatal-title h3 {
    width: 326px;
    position: relative;
    margin: 0;
    min-height: 53px;
    padding: 5px 0 0 0;
}

.howitworks-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.howitworks h3 {
    width: 326px;
    position: relative;
    margin: 0;
    min-height: 53px;
    padding: 5px 0 0 0;
}

.howitworks h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}

.howitworks .horizonatal-title strong {
    width: calc(100% - 364px);
    width: -o-calc(100% - 364px);
    width: -ms-calc(100% - 364px);
    width: -moz-calc(100% - 364px);
    width: -webkit-calc(100% - 364px);
    line-height: 32px;
    color: #404040;
    font-size: 18px;
}

.howitworks .horizonatal-title h3:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #000;
}

.howitworks ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    margin-top: 60px;
}

.howitworks ul:before {
    height: 24px;
    position: absolute;
    content: '';
    left: 12%;
    right: 12%;
    top: 134px;
    background-image: url(../../../img/apptype/ProXJ/way.png);
    background-repeat: repeat-x;
}

.howitworks ul li {
    max-width: 24.25%;
    text-align: center;
}

.howitworks ul li i {
    display: inline-flex;
    width: 105px;
    height: 105px;
    box-shadow: 0 0 0 1px #e7e7e7 inset, 0 0 5px 0 rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0;
}

.howitworks ul li i:after {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #000;
    bottom: -55px;
    left: 50%;
    margin-left: -14px;
    background-color: #fff;
    z-index: 1;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.howitworks ul li:hover i:after {
    background-color: #aaa;
}

.howitworks ul li:nth-child(even) i:after {
    top: -52px;
    bottom: auto;
}

.howitworks ul li i:before {
    content: '';
    width: 6px;
    position: absolute;
    height: 50px;
    background-color: #000;
    bottom: -50px;
    left: 50%;
    margin-left: -3px;
}

.howitworks ul li:nth-child(even) i:before {
    top: -50px;
    bottom: auto;
}

.howitworks ul li strong {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin: 84px 0 14px 0;
    white-space: nowrap;
}

.howitworks ul li i img {
    max-width: 100%;
    width: auto;
}

.howitworks ul li p {
    font-size: 15px;
    font-weight: 500;
    color: #404040;
    line-height: 22px;
    display: block;
    height: 66px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.howitworks ul li:nth-child(even) {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.howitworks ul li:nth-child(even) strong {
    margin: 0px 0 14px 0;
}

.howitworks ul li:nth-child(even) .works-caption {
    margin-bottom: 84px;
}

.howitworks ul li .works-caption {
    width: 100%;
}

/*****************howitworks css end********************/
/*****************cartype section css start********************/
.cartype h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}

.cartype {
    padding: 34px 0 55px 0;
    background-color: #f6f6f6;
}

.cartype.white-bg {
    background-color: #fff;
}

.cartype-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.cartype .cartype-inner>strong,
.cartype .cartype-inner>p>strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}

.cartype ul {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    width: 100%;
    flex-wrap: wrap;
}

.cartype ul li {
    width: 25%;
    text-align: center;
}

.cartype ul li img {
    transform-origin: center center;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    max-width: 90%;
    max-height: 211px;
}

.cartype ul li strong {
    font-size: 18px;
    color: #222222;
    font-weight: 500;
    margin-top: 10px;
    display: block;
}

.cartype ul li:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/*****************cartype section css end********************/
/*****************fleet-section section css start********************/
.fleet h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #fff;
}

.fleet {
    padding: 23px 0 25px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.fleet.delivery-variant {
    background-attachment: fixed;
    position: relative;
    z-index: 0;
}

.fleet:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: -1;
}

.fleet-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.fleet .fleet-inner>strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #ffffff;
    display: block;
    margin-bottom: 0;
    padding: 0 15px;
    text-align: center;
    margin: 0 auto;
}

.fleet ul {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    width: 100%;
    flex-wrap: wrap;
}

.fleet ul li {
    width: 16.66%;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
}

.fleet ul li i {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 111px;
    height: 111px;
    border-radius: 50%;
    margin-bottom: 12px;
    transform: translatey(0);
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -ms-transform: translatey(0);
    -o-transform: translatey(0);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.fleet.delivery-variant ul li i img {
    max-width: 77px;
    max-height: 47px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
}

.fleet.delivery-variant ul li i {
    background-color: darkgray;
}

.fleet ul li:hover i {
    transform: translatey(-3px);
    -webkit-transform: translatey(-3px);
    -moz-transform: translatey(-3px);
    -ms-transform: translatey(-3px);
    -o-transform: translatey(-3px);
}

.fleet ul li strong {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin-top: 10px;
    display: block;
}

.gray_color {
    background-color: #f3f3f3;
}

.blue_color {
    background-color: #569ee7;
}

.carrot_color {
    background-color: #f65775;
}

.cyan_color {
    background-color: #2ed5a8;
}

.green_color {
    background-color: #62c052;
}

.purple_color {
    background-color: #d66ae0;
}

.yellow_color {
    background-color: #dcb61e;
}

/*****************fleet-section section css end********************/
/*============= get_app_area css =============*/
.get_app_area {
    padding: 43px 0 60px 0;
    position: relative;
}

.get_app_content {
    color: #fff;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.get_app_content .section_title {
    margin-bottom: 20px;
}

.get_app_content .section_title h5,
.get_app_content .section_title h2 {
    color: #fff;
}

.get_app_content .section_title h2 {
    font-size: 32px;
    line-height: 1.3em;
    color: #000 !important;
}

.get_app_content p {
    font-size: 18px;
    margin-bottom: 42px;
    line-height: 30px;
    font-weight: 500;
    padding-right: 10px;
}

.get_app_content ul {
    list-style: none;
    margin-bottom: 40px;
    padding-left: 0px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
}

.get_app_content ul li {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    position: relative;
    padding-left: 28px;
    width: calc(47% - 28px);
    width: -o-calc(47% - 28px);
    width: -ms-calc(47% - 28px);
    width: -moz-calc(47% - 28px);
    width: -webkit-calc(47% - 28px);
    margin-bottom: 17px;
}

.get_app_content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../../../img/apptype/ProXJ/correct.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.get_app_content .slider_btn {
    font-size: 24px;
    border: 2px solid #fff;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    text-decoration: none;
    vertical-align: top;
}

.get_app_content .slider_btn img {
    vertical-align: bottom;
    margin-right: 12px;
}

.get_app_content .slider_btn.app_btn {
    color: #fff;
}

.get_app_content .slider_btn.app_btn img {
    -webkit-filter: brightness(1000);
    filter: brightness(1000);
}

.get_app_content .slider_btn.app_btn:hover {
    background: #fff;
    color: #020e27;
}

.get_app_content .slider_btn.app_btn:hover img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.get_app_content .slider_btn.app_btn_two {
    color: #020e27;
    margin-left: 0px;
}

.get_app_content .slider_btn.app_btn_two:before {
    background: #fff;
}

.get_app_content .slider_btn.app_btn_two img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.get_app_content .slider_btn.app_btn_two:hover,
.get_app_content .slider_btn.app_btn_two:focus {
    background: transparent;
    color: #fff;
}

.get_app_content .slider_btn.app_btn_two:hover img,
.get_app_content .slider_btn.app_btn_two:focus img {
    -webkit-filter: brightness(1000);
    filter: brightness(1000);
}

.get_app_content .store_image {
    width: 250px;
}

.get_app_content .store_image a {
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    position: relative;
    left: 0;
}

.get_app_content .store_image a:hover {
    left: -10px;
}

.get_app_content .line {
    background-color: #45aeac;
    min-height: 83px;
    width: 10px;
    position: relative;
}

.app_image {
    position: relative;
}

.app_image .shadow_bottom {
    content: '';
    position: absolute;
    width: 80%;
    height: 5px;
    border-radius: 50%/5px;
    left: 10%;
    bottom: 0px;
    -webkit-box-shadow: 0px 35px 33px 0 rgba(0, 0, 0, 0.8);
    box-shadow: 0px 35px 33px 0 rgba(0, 0, 0, 0.8);
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
}

.app_image .image_two {
    width: 250px;
}

.app_image .image_two img {
    max-width: 100%;
}

.app_image .image_two .shadow_bottom {
    bottom: 10px;
}

.app_image .image_first {
    left: 60px;
    width: 250px;
}

.app_image .image_first img {
    max-width: 100%;
}

.get_app_area-left {
    width: calc(100% - 636px);
    width: -webkit-calc(100% - 636px);
    width: -moz-calc(100% - 636px);
    width: -ms-calc(100% - 636px);
    width: -o-calc(100% - 636px);
    border-right: 10px solid #45aeac;
}

.get_app_area-right {
    width: 570px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    align-items: center;
    gap: 20px;
}

.get_app_area {
    background-color: #ffff !important;
    padding: 30px 0;
    margin: 0;
    border-radius: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.get_app_area-inner {
    max-width: 1310px;
    margin: 0 auto;
    padding: 0px 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 1;
}

.slider_btn {
    display: inline-block;
    width: 48%;
}

.slider_btn img {
    height: 80px;
    max-width: 100%;
}

.get_app_area-inner .section_title {
    margin: 0;
    max-width: 519px;
}

/* .slider_btn {
    font: 500 18px/30px "Barlow Condensed", sans-serif;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding: 15px 40px;
    color: #fff;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 0px;
    border: 0px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 15px;
}
.slider_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.slider_btn:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 0;
}
.slider_btn:hover,
.slider_btn:focus {
    color: #fff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.slider_btn:hover:before,
.slider_btn:focus:before {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
.slider_btn:hover:after,
.slider_btn:focus:after {
    left: 120%;
    -webkit-transition: all 1s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
} */
.yellow_hover {
    background: #020e27;
}

.yellow_hover:before {
    background: #ffbb03;
}

.dark_hover {
    background: #ffbb03;
}

.dark_hover:before {
    background: #020e27;
}

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

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-transition: -webkit-transform 1.4s 0.6s linear;
        transition: -webkit-transform 1.4s 0.6s linear;
        -o-transition: transform 1.4s 0.6s linear;
        transition: transform 1.4s 0.6s linear;
        transition: transform 1.4s 0.6s linear, -webkit-transform 1.4s 0.6s linear;
    }

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

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

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-transition: -webkit-transform 1.4s 0.6s linear;
        transition: -webkit-transform 1.4s 0.6s linear;
        -o-transition: transform 1.4s 0.6s linear;
        transition: transform 1.4s 0.6s linear;
        transition: transform 1.4s 0.6s linear, -webkit-transform 1.4s 0.6s linear;
    }

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

@-webkit-keyframes shadow {
    0% {
        -webkit-box-shadow: 0px 35px 33px 0 #000;
        box-shadow: 0px 35px 33px 0 #000;
    }

    50% {
        -webkit-box-shadow: 0px 35px 35px -2px #000;
        box-shadow: 0px 35px 35px -2px #000;
        width: 60%;
        left: 20%;
    }

    100% {
        -webkit-box-shadow: 0px 35px 33px 0 #000;
        box-shadow: 0px 35px 33px 0 #000;
    }
}

@keyframes shadow {
    0% {
        -webkit-box-shadow: 0px 35px 33px 0 #000;
        box-shadow: 0px 35px 33px 0 #000;
    }

    50% {
        -webkit-box-shadow: 0px 35px 35px -2px #000;
        box-shadow: 0px 35px 35px -2px #000;
        width: 60%;
        left: 20%;
    }

    100% {
        -webkit-box-shadow: 0px 35px 33px 0 #000;
        box-shadow: 0px 35px 33px 0 #000;
    }
}

/*============= get_app_area css =============*/
/*============= get_app_area css =============*/
.article-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
}

.article-mage {
    width: 100%;
    height: 493px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 1.25rem 1.375rem 4.75rem 0 rgba(0, 0, 0, .22);
}

.article-row.invert .article-mage {
    box-shadow: -1.25rem 1.375rem 4.75rem 0 rgba(0, 0, 0, .22);
}

.article-right {
    width: 62.70%;
    min-height: 586px;
    box-shadow: 0 0 0 10px #e0e0e0 inset;
    padding: 30px 40px 30px 25.8%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.article-left {
    margin-right: -21.15%;
    position: relative;
    width: 58.3%;
}

article.blog-article {
    margin: 0;
    padding: 110px 0 70px 0;
}

.article-right h4 {
    font-size: 45px;
    font-weight: 500;
    line-height: 57.88px;
    margin-bottom: 30px;
}

.article-right p {
    color: #404040;
    font-size: 21px;
    line-height: 36px;
}

.article-row.invert {
    flex-direction: row-reverse;
    margin-bottom: 0;
}

.article-row.invert .article-left {
    margin: 0 0 0 -21.15%;
}

.article-row.invert .article-right {
    padding: 30px 25.8% 30px 40px;
}

/*============= get_app_area css =============*/
/*********** call section Start *********/
.call-section.taxi-variant .call-section-image {
    height: 412px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0;
}

.call-section.taxi-variant {
    background-size: cover;
    padding: 25px 0 25px 0;
    background-color: #fff;
    position: relative;
}

.call-section.taxi-variant:before {
    content: '';
    position: absolute;
    width: 37%;
    height: auto;
    background-color: #e0e0e0;
    top: 0;
    bottom: 0;
}

.call-section-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    flex-wrap: wrap;
}

.delivery-use {
    padding-top: 180px;
}

.call-section.taxi-variant h3 {
    font-size: 45px;
    font-weight: 500;
    color: transparent;
    line-height: 57.88px;
    margin-bottom: 13px;
    margin-top: 0;
}

.call-section.taxi-variant strong {
    font-size: 30px;
    font-weight: 500;
    display: block;
    margin-bottom: 22px;
    color: #121212;
}

.call-section.taxi-variant p {
    font-size: 18px;
    line-height: 30px;
    color: #404040;
    margin-bottom: 45px;
    /*max-width: 500px;*/
}

.call-section.taxi-variant b,
.call-section.taxi-variant p b {
    color: transparent;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    font-size: 67px;
    margin-bottom: 47px;
    line-height: normal;
}

.call-section.taxi-variant b a,
.call-section.taxi-variant p b a {
    font-size: unset;
    background-color: transparent;
    color: #000;
    text-decoration: none;
    padding: 0;
}

.call-section.taxi-variant .call-section-left {
    width: calc(100% - 500px);
    width: -o-calc(100% - 500px);
    width: -ms-calc(100% - 500px);
    width: -moz-calc(100% - 500px);
    width: -webkit-calc(100% - 500px);
    padding-right: 15px;
    box-sizing: border-box;
    padding: 0 0 0 74px;
}

.call-section.taxi-variant .call-section-right {
    width: 500px;
    text-align: center;
}

.call-section.taxi-variant .call-section-right img {
    max-width: 100%;
}

.call-section.taxi-variant .call-section footer {
    margin-top: 0;
}

/*********** call section end *********/
/************************************
========fly page css =======
************************************/
.benefits.fly-variant {
    background-color: #f4f2f1;
}

/*********************************************/
.features {
    padding: 50px 0 0px 0;
    overflow: hidden;
    /*margin-top: 180px;*/
}

.features h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
}

.features-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.features h3~p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}

.features ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0 0 0;
    justify-content: space-between;
}

.features ul li i {
    display: inline-block;
}

.features ul li strong {
    font-size: 18px;
    display: block;
    font-weight: 500;
    color: #000;
    margin: 15px 0 8px 0;
}

.features ul li p {
    font-size: 14px;
    font-weight: 500;
    color: #777777;
    line-height: 22px;
}

.features ul li {
    margin-bottom: 79px;
    width: 234px;
}

.features-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 65px;
    width: 100%;
    position: relative;
    z-index: 0;
}

.features-main-image {
    width: auto;
    height: 735px;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 5px 5px 38px 0 rgba(0, 0, 0, 0.40);
}

.features-left {
    width: 40.24%;
    margin-right: -10%;
    position: relative;
    z-index: 1;
}

.features-right {
    width: calc(100% - 390px);
    width: -o-calc(100% - 390px);
    width: -ms-calc(100% - 390px);
    width: -moz-calc(100% - 390px);
    width: -webkit-calc(100% - 390px);
    box-sizing: border-box;
    background-color: #f4f2f1;
    position: relative;
    padding: 74px 86px 0 232px;
}

.features-right:after {
    content: '';
    position: absolute;
    width: 500px;
    height: 100%;
    background-color: #f4f2f1;
    left: 100%;
    top: 0;
}

.destination {
    padding: 50px 0 4px 0;
}

.destination-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.destination h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}

.destination ul {
    display: flex;
    flex-wrap: wrap;
    margin: 28px 0 0 0;
    justify-content: space-between;
    width: calc(100% + 68px);
    width: -o-calc(100% + 68px);
    width: -ms-calc(100% + 68px);
    width: -moz-calc(100% + 68px);
    width: -webkit-calc(100% + 68px);
}

.destination ul li {
    width: calc(33.33% - 68px);
    width: -o-calc(33.33% - 68px);
    width: -ms-calc(33.33% - 68px);
    width: -moz-calc(33.33% - 68px);
    width: -webkit-calc(33.33% - 68px);
    text-align: center;
    box-sizing: content-box;
    margin-bottom: 50px;
    padding: 0 34px;
}

.destination ul li:hover .destination-caption {
    background-color: #000;
    color: #fff;
}

.destination ul li:hover .destination-caption span {
    color: #fff;
}

.destination-image {
    height: 299px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.33);
    position: relative;
}

.destination-caption strong {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    margin-bottom: 12px;
    line-height: 30px;
}

.destination-caption {
    background-color: #f4f2f1;
    color: #000;
    padding: 27px 18px 27px 18px;
}

.destination-caption {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.destination-caption span {
    text-align: left;
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #777777;
    line-height: 22px;
}

/***************** favdest section css start *********************/
.favdest {
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.favdest-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    min-height: 494px;
}

.favdest-caption {
    max-width: 700px;
}

.favdest h3 {
    font-size: 53px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    margin: 0 0 24px 0;
}

.favdest h3 strong {
    font-size: 32px;
    display: block;
    font-weight: 500;
    margin-bottom: 7px;
}

.favdest p {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    font-weight: 500;
}

/********************* favdest section css end ***************************/
/********************* charters css start ***************************/
.charters {
    padding: 50px 0 4px 0;
}

.charters-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.charters h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}

.charters ul {
    display: flex;
    flex-wrap: wrap;
    margin: 28px 0 0 0;
    justify-content: space-between;
    width: calc(100% + 36px);
    width: -o-calc(100% + 36px);
    width: -ms-calc(100% + 36px);
    width: -moz-calc(100% + 36px);
    width: -webkit-calc(100% + 36px);
}

.charters ul li {
    width: calc(25% - 36px);
    width: -o-calc(25% - 36px);
    width: -ms-calc(25% - 36px);
    width: -moz-calc(25% - 36px);
    width: -webkit-calc(25% - 36px);
    text-align: center;
    box-sizing: content-box;
    margin-bottom: 50px;
    padding: 0 18px;
}

.charters ul li:hover .charters-caption {
    background-color: #000;
    color: #fff;
}

.charters ul li:hover .charters-caption span {
    color: #fff;
}

.charters-image {
    height: 294px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.33);
    position: relative;
}

.charters-caption strong {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    margin-bottom: 9px;
    line-height: 30px;
}

.charters-caption {
    background-color: #f4f2f1;
    color: #000;
    padding: 22px 18px 22px 18px;
}

.charters-caption {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.charters-caption span {
    text-align: left;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #777777;
    line-height: 26px;
}

/********************* charters css end ***************************/
/********************* solutions css start ***************************/
.solutions {
    padding: 44px 0 0px 0;
    /*padding: 44px 0 57px 0;*/
    /*background-color: #f4f2f1;*/
}

.solutions-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.solutions strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    max-width: 990px;
    text-align: center;
    margin: 0 auto 40px auto;
}

.solutions h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}

.solutions-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 25px;
    position: relative;
    z-index: 0;
    margin-bottom: 20px;
    width: 100%;
}

.solutions-right {
    width: 56%;
}

.solution-image {
    height: 478px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 5px 5px 38px 0 rgba(0, 0, 0, 0.40);
}

.solutions-left {
    width: 44%;
    box-sizing: border-box;
    padding-top: 67px;
    padding: 67px 90px 146px 0;
}

.solutions-left h4 {
    font-size: 40px;
    color: #222;
    font-weight: 500;
    margin-bottom: 30px;
}

.solutions-left p {
    font-size: 21px;
    color: #3e3e3e;
    line-height: 36px;
    font-weight: 500;
}

.solutions-row.reverse {
    flex-direction: row-reverse;
    margin-top: -135px;
}

.solutions-row.reverse .solutions-left {
    padding: 146px 0 67px 90px;
}

/********************* solutions css end ***************/
/*******************************************************************
   =============corporate ride page css start============
*********************************************************************/
.benefits.corporate {
    padding: 39px 0 30px 0;
}

.benefits.corporate h3 {
    margin-bottom: 15px;
}

.benefits ul.listing-style li i {
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    position: relative;
    display: inline-block;
    line-height: normal;
}

.booking-heading select {
    box-shadow: 0 0 0 1px #5c5c5c inset;
    /*opacity: .5;*/
}

.benefits.corporate ul li:hover i {
    background-color: transparent;
}

.benefits ul.listing-style li i img {
    height: 55px;
    max-width: 100%;
    vertical-align: top;
}

.benefits ul.listing-style li strong {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 32px 0 12px 0;
}

.benefits ul.listing-style li p {
    color: transparent;
    font-size: 16px;
    line-height: 26px;
}

.benefits ul.listing-style {
    width: -o-calc(100% + 63px);
    width: -ms-calc(100% + 63px);
    width: -moz-calc(100% + 63px);
    width: -webkit-calc(100% + 63px);
}

.benefits.corporate ul.listing-style {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    width: -o-calc(100% + 30px);
    width: -ms-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: -webkit-calc(100% + 30px);
    margin-top: 20px;
}

.benefits.corporate ul.listing-style li {
    padding: 15px;
}

.benefits ul.listing-style li {
    width: 25%;
    padding: 0 15px 35px 15px;
    text-align: center;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #e7e7e7;
    margin-bottom: 30px;
}

.benefits ul.listing-style li:last-child {
    /* border-width:0 0 0 0;  */
}

/*********************Other service how it works*******************************/
.how-it-works-section.otherservice h3 {
    margin-bottom: 12px;
}

.how-it-works-section.otherservice ul li .proc_ico {
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    /*padding: 10px;*/
}

.how-it-works-section.otherservice ul li {
    padding-left: 77px;
    min-height: 106px;
}

.how-it-works-section.otherservice .how-it-works-left li strong {
    /*padding-top:10px;*/
}

.how-it-works-section.otherservice .how-it-works-right img {
    /* width: 455px; */
    margin: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    animation: none;
    -webkit-animation: none;
    max-width: 100%;
}

.how-it-works-section.otherservice .how-it-works-right {
    width: 586px;
    align-items: center;
    justify-content: flex-start;
}

.how-it-works-section.otherservice .how-it-works-left {
    width: calc(100% - 586px);
    width: -o-calc(100% - 586px);
    width: -ms-calc(100% - 586px);
    width: -moz-calc(100% - 586px);
    width: -webkit-calc(100% - 586px);
}

.how-it-works-section.otherservice .food-image-block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.how-it-works-section.otherservice .food-image-block a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 167px;
    height: 167px;
    z-index: 0;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    font-size: 27px;
    align-items: center;
    color: #000;
    text-decoration: none;
    outline: none;
    display: flex;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 29px;
    box-shadow: 0 0 0 2px #000;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.how-it-works-section.otherservice .food-image-block a:hover {
    background-color: #000;
    color: #fff;
    box-shadow: 0 0 0 2px #fff;
}

.how-it-works-section.otherservice .head-area p {
    margin-bottom: 15px;
}

.how-it-works-section p {
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 15px;
    text-align: justify;
}

.how-it-works-section.otherservice .head-area p:last-child {
    margin-bottom: 0;
}

/**************** corporate features section css ***********************/
.features.corporate#how-it-works {
    margin: 0 0 0 0;
    padding: 50px 0 50px 0;
    position: relative;
    overflow: visible;
    background-color: #fff;
    z-index: 0;
}

.features.corporate#how-it-works.zisuue {
    z-index: 0;
}

.features.corporate#why-us {
    margin: -30px 0 0 0;
    padding: 0 0 60px 0;
    position: relative;
    overflow: visible;
    background-color: #fff;
}

.features.corporate .features-right {
    padding: 33px 0 0 52px;
    width: 64.8%;
    background-color: transparent;
}

.features.corporate .features-left {
    margin: 0 0 0 0;
    width: 35.2%;
}

.features.corporate .features-row {
    align-items: flex-start;
    margin: 0;
}

.features.corporate .features-right:after {
    display: none;
}

.features.corporate h3 {
    text-align: unset;
}

.features.corporate ul {
    margin: 30px -32px 0 -32px;
}

.features.corporate ul li {
    width: calc(50% - 64px);
    width: -o-calc(50% - 64px);
    width: -ms-calc(50% - 64px);
    width: -moz-calc(50% - 64px);
    width: -webkit-calc(50% - 64px);
    padding: 0 0px 0 72px;
    position: relative;
    box-sizing: border-box;
    margin: 0 32px 58px 32px;
}

.features.corporate ul li i img {
    height: 41px;
}

.features.corporate ul li strong {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 8px 0;
}

.features.corporate ul li p {
    color: #404040;
    font-size: 15px;
}

.features.corporate h3~p {
    text-align: unset;
    color: #404040;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}

.data-block-article p,
.features.corporate .features-right.earn-data p {
    text-align: unset;
    color: #404040;
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
}

.features.corporate .features-main-image {
    height: 534px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
}

.features.corporate ul li i {
    position: absolute;
    left: 0;
    top: 0px;
}

.features.corporate .features-right.earn-data p {
    margin-bottom: 35px;
}

.data-block-article strong {
    font-size: 22px;
    line-height: normal;
    font-weight: 500;
    color: #000000;
    margin-bottom: 6px;
    display: block;
}

/********************** profiletype section css ****************************/
.profiletype-image {
    height: 100%;
    width: 44.7%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
}

.profiletype-inner {
    min-height: 488px;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.profiletype {
    background-color: #f6f6f6;
    position: relative;
}

.profiletype-left {
    width: 58.6%;
}

.profiletype-left p {
    line-height: 36px;
    font-size: 21px;
    font-weight: 500;
    color: #404040;
    max-width: 460px;
    padding: 15px 15px 15px 0;
    text-align: left;
}

.profile-title {
    width: 527px;
    height: 320px;
    background-color: rgba(255, 255, 255, 0.95);
    margin-left: -192px;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-title h4 {
    font-size: 55px;
    font-weight: 500;
    padding: 0 70px;
    text-align: center;
    line-height: 70px;
}

/*******/
.profiletype.reverse .profiletype-inner {
    flex-direction: row-reverse;
}

.profiletype.reverse .profiletype-image {
    left: 0;
    right: auto;
    justify-content: flex-end;
}

.profiletype.reverse .profile-title {
    margin: 0 -192px 0 0;
}

.profiletype.reverse .profiletype-left {
    direction: rtl;
}

.profiletype.reverse .profiletype-left p {
    padding: 15px 0 15px 15px;
}

/********************************************/
.booking-request-inner {
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    max-width: 1280px;
    align-items: flex-start;
}

.booking-request {
    padding: 20px 0;
    background-color: #f8f8f8;
    position: relative;
}

.booking-block {
    width: 400px;
    background-color: #f4f2f1;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.booking-heading label {
    font-size: 20px;
    font-weight: 500;
}

.booking-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0;
    margin-bottom: 15px;
}

.booking-header {
    background-color: transparent;
    color: #fff;
    padding: 16px 18px 22px 18px;
}

.booking-heading select {
    font-family: var(--common_font);
    font-size: 16px;
    font-weight: 500;
    min-width: 148px;
    height: 41px;
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
    color: #000;
    box-sizing: border-box;
    padding: 0 28px 0 14px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../../../img/apptype/ProXJ/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 12px center;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    line-height: normal;
}

.pick-drop-location input {
    border-style: solid;
    background-color: transparent !important;
    border-width: 0 0 1px 0;
    border-color: rgba(255, 255, 255, 0.35);
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0 5px 3px;
    outline: none;
    color: #fff !important;
    box-sizing: border-box;
    width: 100%;
    font-family: var(--common_font);
    border-radius: 0px;
}

.pick-drop-location input::placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    /* Firefox */
}

.pick-drop-location input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.pick-drop-location input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.pick-drop-location .form-group {
    margin: 0 0 20px 32px;
    position: relative;
}

.pick-drop-location.other-services-sel .form-group {
    margin: 0 0 20px 0px;
}

.pick-drop-location .form-group:last-child {
    margin-bottom: 0;
}

.pick-drop-location .form-group.pickup:before {
    content: '';
    position: absolute;
    background-color: #fff;
    top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: -30px;
}

.pick-drop-location .form-group.pickup:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 40px;
    background-image: url(../../../img/apptype/ProXJ/user-booking-line.png);
    left: -23px;
    top: 11px;
    background-repeat: no-repeat;
    background-position: top center;
    top: 22px;
}

.pick-drop-location .form-group.dest:before {
    content: '\4c';
    position: absolute;
    top: 10px;
    width: 16px;
    height: 22px;
    border-radius: 50%;
    left: -28px;
    font-family: 'icomoon';
    font-size: 22px;
    color: #fff;
}

.pick-drop-location.other-services-sel .form-group.pickup:before,
.pick-drop-location.other-services-sel .form-group.pickup:after,
.pick-drop-location.other-services-sel .form-group.dest:before {
    display: none;
}

.section-block ul li:first-child {
    padding-top: 0;
}

.section-block ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0;
}

.section-block ul li .veh-left {
    width: calc(100% - 154px);
    width: -o-calc(100% - 154px);
    width: -ms-calc(100% - 154px);
    width: -moz-calc(100% - 154px);
    width: -webkit-calc(100% - 154px);
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.section-block ul li span.vehicle-name {
    max-width: calc(100% - 100px);
    max-width: -o-calc(100% - 100px);
    max-width: -ms-calc(100% - 100px);
    max-width: -moz-calc(100% - 100px);
    max-width: -webkit-calc(100% - 100px);
}

.section-block ul li span.vehicle-name small {
    display: block;
    font-size: 12px;
    margin-top: 6px;
}

.section-block ul li i.vehicle-ico {
    display: inline-flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    border-radius: 50%;
    margin: 0 15px;
    cursor: pointer;
}

.section-block ul li i.vehicle-ico img {
    max-width: 100%;
    max-height: 100%;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
}

.price-caption {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.price-caption i img {
    width: 17px;
    vertical-align: top;
}

.price-caption i {
    cursor: pointer;
    font-size: 17px;
    color: #5B5B5B;
    margin-bottom: 10px;
}

.price-caption strong {
    font-size: 16px;
    font-weight: 600;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}

.section-block ul li span {
    font-size: 16px;
    display: inline-block;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}

.section-block>label {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding: 14px 0;
    margin: 0 0px 18px 0px;
    border-bottom: 1px solid #e0e0e0;
}

.section-block {
    padding: 0;
    margin: 4px 20px 0 20px;
    margin: 4px 0 0 0;
    position: relative;
    z-index: 1;
}

.section-block.rider_hide {
    display: none;
}

.section-block ul {
    margin-bottom: 18px;
}

.radio-combo,
.check-combo {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 15px;
    box-sizing: border-box;
    min-width: 168px;
    margin-bottom: 18px;
}

.radio-combo label {
    margin: 0;
    font-size: 16px;
    display: inline-block;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    width: calc(100% - 38px);
    width: -o-calc(100% - 38px);
    width: -ms-calc(100% - 38px);
    width: -moz-calc(100% - 38px);
    width: -webkit-calc(100% - 38px);
}

.check-combo label {
    margin: 0;
    font-size: 16px;
    display: inline-block;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    width: calc(100% - 38px);
    width: -o-calc(100% - 38px);
    width: -ms-calc(100% - 38px);
    width: -moz-calc(100% - 38px);
    width: -webkit-calc(100% - 38px);
}

.check-combo label a {
    outline: none;
    color: #000;
    text-decoration: underline;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.check-combo label a:hover {
    opacity: 0.5;
}

.captcha-column~.check-combo {
    padding: 0 8px;
    width: 100%;
}

.section-block .radio-combo label,
.section-block .check-combo label {
    margin: 0;
    font-size: 16px;
    display: inline-block;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    width: calc(100% - 36px);
    width: -o-calc(100% - 36px);
    width: -ms-calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: -webkit-calc(100% - 36px);
}

.radio-combo .radio-main,
.check-combo .check-main {
    margin-right: 14px;
}

.discount-block input {
    border-style: solid;
    background-color: transparent;
    border-width: 0 0 1px 0;
    border-color: #c0c0c0;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 45px 5px 0;
    outline: none;
    color: #000;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.discount-block button {
    width: 38px;
    height: 38px;
    display: flex;
    border: none;
    outline: none;
    background-color: #000;
    position: absolute;
    right: 4px;
    bottom: 3px;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
}

.discount-block button:hover {
    background-color: #777;
}

.discount-block button:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.booking-footer button,
.booking-footer .submitbtn {
    height: 52px;
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-family: var(--common_font);
}

.booking-footer {
    display: flex;
    padding: 20px;
    justify-content: center;
    background-color: #f9f9f9;
    box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, 0.13);
    position: relative;
    z-index: 2;
}

.booking-footer button:hover,
.booking-footer .submitbtn:hover {
    background-color: transparent;
}

.discount-block {
    position: relative;
    margin-bottom: 18px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 5px 10px;
}

.discount-block button img {
    width: 20px;
}

.booking-footer button:after,
.booking-footer .submitbtn:after {
    content: '\61';
    font-family: 'icomoon';
    font-size: 12px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    position: relative;
    right: 0;
    display: inline-block;
}

.booking-footer button:after,
.booking-footer .submitbtn:after {
    margin-left: 15px;
}

.booking-footer button:hover:after,
.booking-footer .submitbtn:hover:after {
    right: -10px;
}

/************** custom-radio start ******************/
.radio-main {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.radio-hold input {
    margin: 0;
    vertical-align: top;
    position: absolute;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    opacity: 0;
    cursor: pointer;
}

.radio-hold {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.radio-button {
    width: 22px;
    height: 22px;
    box-shadow: 0 0 0 1px #000 inset;
    display: inline-block;
    border-radius: 50%;
    pointer-events: none;
    vertical-align: top;
    position: relative;
}

.radio-button:after {
    content: '';
    width: 22px;
    height: 22px;
    background-color: #000;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.66);
    -webkit-transform: scale(0.66);
    -moz-transform: scale(0.66);
    -ms-transform: scale(0.66);
    -o-transform: scale(0.66);
    display: block;
}

.radio-hold input:checked~.radio-button:after {
    opacity: 1;
    visibility: visible;
}

/************** custom-radio end ******************/
/************** custom-check start ******************/
.check-main {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.check-hold input {
    margin: 0 !important;
    vertical-align: top;
    position: absolute;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    opacity: 0;
    cursor: pointer;
}

.check-hold {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.check-button {
    width: 22px;
    height: 22px;
    box-shadow: 0 0 0 1px #000 inset;
    display: block;
    pointer-events: none;
    border-radius: 2px;
}

.check-hold.small .check-button {
    width: 18px;
    height: 18px;
}

.check-hold.small {
    margin-top: 4px;
}

.check-button:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    background-image: url(../../../img/apptype/ProXJ/check-icn.svg);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
    border-radius: 2px;
}

.check-hold input:checked~.check-button:after {
    opacity: 1;
    visibility: visible;
}

.vehicle-details-popup {
    position: absolute;
    z-index: 2;
    background-color: #ececec;
    left: 0;
    top: 0;
    right: 0;
    bottom: 92px;
    display: none;
}

.vehicle-details-popup.active {
    display: block;
}

.vehicle-details-popup.bookingfare-display {
    bottom: 0;
}

.vehicle-details-popup.bookingfare-display .vehicle-data {
    padding: 31px 21px 60px 21px;
    max-height: calc(100% - 165px);
    max-height: -o-calc(100% - 165px);
    max-height: -moz-calc(100% - 165px);
    max-height: -webkit-calc(100% - 165px);
}

.vehicle-caption {
    padding: 34px 24px 16px 24px;
    /* border-bottom: 2px solid #d4d4d4; */
    background-color: #fff;
}

.vehicle-caption i {
    display: block;
    text-align: center;
}

.car-identy {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    /* margin-top: 28px; */
    align-items: center;
    line-height: 27px;
    flex-direction: column;
}

.ride-info {
    font-size: 14px;
    color: #3e3e3e;
    margin-top: 10px;
}

.ride-info span {
    display: block;
    line-height: normal;
    font-size: 14px;
    font-weight: 500;
}

.model-body .vehicle-data #TAXI_BID_estimatedata {
    background-color: #fff;
    border-radius: 15px;
    border: 2px solid #f2f2f2;
}

ul.costlist li {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 27px; */
    padding: 20px 20px;
    /*border-bottom: 2px solid #dedede;*/
}

ul.costlist li:last-child {
    border: none;
}

ul.costlist li strong {
    font-size: 16px;
    font-weight: 500;
    color: #1c1c1c;
    display: inline-block;
}

ul.costlist li span {
    font-size: 16px;
    font-weight: 500;
    color: #656565;
    display: inline-block;
}

ul.costlist.radio-list li .vehicle-name {
    width: calc(100% - 55px);
    width: -o-calc(100% - 55px);
    width: -ms-calc(100% - 55px);
    width: -moz-calc(100% - 55px);
    width: -webkit-calc(100% - 55px);
    margin-left: 15px;
    vertical-align: middle;
}

.vehicle-data {
    padding: 30px 21px 30px 21px;
    max-height: calc(100% - 100px);
    max-height: -o-calc(100% - 100px);
    max-height: -ms-calc(100% - 100px);
    max-height: -moz-calc(100% - 100px);
    max-height: -webkit-calc(100% - 100px);
    overflow-y: auto;
    background: #f7f7f7;
    border: 2px solid #f2f2f2;
    border-radius: 15px;
}

.vehicle-data p {
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 26px;
}

.vehicle-details-popup .close-icon {
    position: absolute;
    left: 20px;
    top: 18px;
    display: inline-block;
    font-size: 25px;
    cursor: pointer;
}

#booking-map {
    background-image: url(../../../img/apptype/ProXJ/map-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

/************** custom-check end ******************/
/*****************************************
========= profile page css start =============
******************************************/
.profile-section-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.profile-section {
    padding: 20px 0;
}

.profile-caption {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.profile-image {
    width: 104px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px transparent;
    height: 104px;
    position: relative;
    margin-right: 30px;
}

.profile-image img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    padding: 0;
}

.profile-image i {
    width: 29px;
    height: 29px;
    position: absolute;
    right: 0;
    bottom: 3px;
    font-size: 14px;
    background-color: transparent;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.profile-block {
    width: calc(100% - 134px);
    width: -o-calc(100% - 134px);
    width: -ms-calc(100% - 134px);
    width: -moz-calc(100% - 134px);
    width: -webkit-calc(100% - 134px);
}

.profile-caption .page-heading {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;
}

.profile-caption .page-heading h1 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}

.profile-block .profile-caption-header {
    margin-top: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 12px;
    align-items: center;
}

.profile-block .profile-caption-header label {
    display: block;
    font-size: 19px;
    font-weight: 500;
    font-family: var(--common_font);
}

.profile-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.profile-column {
    width: auto;
    padding-right: 40px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    min-width: 260px;
}

.profile-column .data_info {
    width: calc(100% - 70px);
    width: -o-calc(100% - 70px);
    width: -ms-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
}

.profile-column i {
    font-size: 31px;
    color: #000;
    margin-right: 14px;
}

.profile-column i img {
    width: 32px;
}

.profile-column strong {
    font-size: 15px;
    color: #000;
    font-family: var(--common_font);
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.profile-column span,
.profile-column span a {
    font-size: 15px;
    font-weight: 500;
    color: #404040;
    text-decoration: none;
    white-space: nowrap;
}

.profile-column span {
    /* word-break: break-all;*/
    display: inline-block;
    white-space: normal;
}

.profile-column span a:hover {
    color: #000;
}

.profile-block .profile-caption-header button {
    background-color: #000;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--common_font);
    padding: 6px 12px;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.profile-block .profile-caption-header button:hover {
    background-color: #757575;
}

.profile-earning-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    min-height: 280px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.profile-earning {
    padding: 30px 0;
    background-color: #eee;
    min-height: calc(100vh - 515px);
    min-height: -o-calc(100vh - 515px);
    min-height: -moz-calc(100vh - 515px);
    min-height: -web-calc(100vh -515px);
}

.profile-earning ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    width: 100%;
}

.profile-earning ul li {
    width: 33.33%;
    box-sizing: border-box;
    padding: 6px 10px;
    /* margin-bottom: 20px; */
}

.profile-req-doc {
    width: 100%;
}

.driver-vehicles-page {
    width: 100%;
}

.accept-orders {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 10px;
    background-color: #eafdff;
    border: 1px solid #00a9b7;
    margin-bottom: 20px;
}

.profile-column .accept-orders i {
    width: 50px;
    height: 50px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #00a9b7;
}

.profile-column .accept-orders strong {
    margin: 6px 0 0 0;
}

.earning-block {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 22px 20px;
    border-radius: 3px;
    position: relative;
    min-height: 149px;
    box-sizing: border-box;
}

.place-holder-icon {
    position: absolute;
    width: 100%;
    height: 145px;
    top: 0;
    text-align: center;
    color: #fff;
    opacity: 0.2;
    pointer-events: none;
}

.place-holder-icon img {
    max-height: 100%;
}

.earning-block strong {
    font-size: 17px;
    font-weight: 500;
    display: block;
    color: #fff;
    margin-bottom: 3px;
}

.earning-block .count {
    color: #fff;
    display: block;
    font-size: 45px;
    font-weight: 500;
    word-break: break-all;
    line-height: 50px;
}

.general-form .form-group label {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -12px;
    pointer-events: none;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    transition: all 150ms ease 0s;
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
    font-family: var(--common_font);
    line-height: initial;
    z-index: 1;
}

.general-form .form-group label {
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.general-form .form-group.has-textarea label {
    top: 20px;
}

.general-form .form-group.floating label {
    top: 0px;
    background-color: #fff;
    z-index: 1;
    padding: 0 6px;
    transform: scale(0.8) translateX(-25px);
    -webkit-transform: scale(0.8) translateX(-25px);
    -moz-transform: scale(0.8) translateX(-25px);
    -ms-transform: scale(0.8) translateX(-25px);
    -o-transform: scale(0.8) translateX(-25px);
    color: #404040;
}

.general-form .form-group.floating label {
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.general-form .form-group.floating label {
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.general-form .form-group.phone-column select .general-form .form-group.phone-column label {
    left: 90px;
}

#AvilableCusineSetting select {
    min-height: 38px;
}

.general-form .form-group select,
.general-form .form-group input,
.general-form .form-group textarea {
    width: 100%;
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
    min-height: 50px;
    font-family: var(--common_font);
}

/* [name="vImage"] {
    -webkit-appearance: button;
    -ms-appearance: button;
    appearance: button;
} */
.general-form .form-group .date input {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
}

.general-form .form-group textarea {
    resize: vertical;
}

.general-form .form-group select:focus,
.general-form .form-group input:focus {
    border-color: #757575;
}

.general-form .form-group select {
    background-image: url(../../../img/apptype/ProXJ/select-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 11px;
    background-color: #fff;
}

.general-form .form-group.phone-column input {
    margin-left: 74px;
    border-radius: 0 6px 6px 0;
    width: calc(100% - 74px);
    width: -o-calc(100% - 74px);
    width: -ms-calc(100% - 74px);
    width: -moz-calc(100% - 74px);
    width: -webkit-calc(100% - 74px);
    top: 0;
    height: min-content;
}

.general-form .form-group.phone-column select,
.general-form .form-group.phone-column input.phonecode {
    width: 75px;
    border-radius: 6px 0 0 6px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    box-sizing: border-box;
    margin: 0;
}

.general-form .form-group.phone-column select {
    min-height: 54px;
}

.general-form .form-group.phone-column label {
    left: 90px;
}

.general-form .button-block .btn-hold {
    margin-right: 15px;
}

.general-form .partation {
    margin-bottom: 0;
}

.general-form {
    margin-top: 20px;
    width: 100%;
}

.general-form .btn-hold input[type="submit"],
.general-form .btn-hold input[type="button"] {
    padding: 14px 54px 14px 22px;
}

.partation .slot-label {
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 15px 0;
    margin: 0 8px 20px 8px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    width: 100%;
    line-height: normal;
}

.setting-page-map {
    width: 100%;
    min-height: calc(100% - 106px);
    border: 1px solid #c1c1c1;
    border-radius: 4px;
}

.fileUploading {
    position: relative;
    ;
    cursor: pointer;
}

.fileUploading:before {
    content: attr(filechoose);
    min-width: 115px;
    position: absolute;
    height: 100%;
    padding: 10px 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background-color: #000;
    border-radius: 4px;
    pointer-events: none;
    color: #fff;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.fileUploading:hover:before {
    background-color: #757575;
}

.fileupload .newrow.has-error {
    position: relative;
}

.fileupload .newrow.has-error .help-block.error {
    width: 100%;
    text-align: center;
    display: block;
}

.form-group.eDefault:after,
.form-group[class*="removeclass"]:after {
    content: '';
    clear: both;
    display: block;
}

.general-form .half-column small {
    display: block;
    margin-top: -8px;
    color: #404040;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 28px;
    font-family: var(--common_font);
}

.general-form .half-column small.notes {
    margin: 0;
}

.panel-body .icon-cancel {
    font-size: 25px;
    cursor: pointer;
}

.center-align {
    padding-top: 16px;
}

.panel-heading .icon-plus-button {
    font-size: 35px;
    vertical-align: middle;
    margin-top: 0;
    display: inline-block;
    background-color: #000;
    color: #f5f5f5;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    box-shadow: none;
}

.profile_edit {
    display: none;
}

.profile_edit .button-block {
    justify-content: flex-start;
}

.profile_edit.active {
    display: block;
}

.earning-block a.go-icon {
    text-decoration: none;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 25px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    font-size: 40px;
    font-weight: bold;
}

.earning-block a.go-icon:hover {
    /*opacity: 0.7;
    right: 15px;*/
}

.inv-destination-data ul {
    margin: 0;
}

.inv-destination-data ul li {
    width: 100%;
    line-height: normal;
    position: relative;
    /*    padding: 0 0 0 40px;*/
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 15px;
}

.inv-destination-data ul li strong {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    display: block;
    font-family: var(--common_font);
}

.inv-destination-data ul li p {
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    font-family: var(--common_font);
    margin-bottom: 0;
    line-height: 20px;
}

.location-point {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.inv-destination-data {
    background-color: #fff;
    padding: 12px 15px 0 15px;
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 4px;
    overflow: hidden;
}

.inv-destination-data.flex-start {
    justify-content: flex-start;
    padding-top: 23px;
}

.inv-destination-data ul li i {
    font-size: 18px;
    border: 1px solid #007AFF;
    background-color: #007AFF;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0 10px 0;
}
.inv-destination-data  .destination_data_right{
    width: calc(100% - 45px);
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: -ms-calc(100% - 45px);
    width: -o-calc(100% - 45px);
    display: flex;
    flex-direction: column;
}
.inv-destination-data  .destination_data_right span {
    font-size: 14px;
    line-height: 19px;
}
.bg_remove{
    background-color: transparent !important;
    border: 0 !important;
}
.inv__details  ul li i  img{
    filter: brightness(0) invert(1);
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 0;
}
.left-right .rideshare_userDetails.ridesharelocations b {
    width: 60%;
    line-height: 19px;
}

.left-right .rideshare_userDetails.ridesharelocations b:last-child {
    width: 100%;
}

.Stop-Over-Point-Price {
    border: 2px solid #ebebeb;
    padding: 15px;
    border-radius: 20px;
    background-color: #f7f7f7;
    margin-bottom: 25px
}

.Stop-Over-Point-Price:last-child {
    margin-bottom: 0;
}

.Stop-Over-Point-Price ul {
    background-color: #fff;
    border: 2px solid #ebebeb;
    border-radius: 20px;
}

.Stop-Over-Point-Price ul li {
    display: flex;
    justify-content: space-around;
    padding: 0;
    align-items: center;
    margin: 8px 0px;
}

.Stop-Over-Point-Price ul b {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    display: block;
    font-family: var(--common_font);
}

.Stop-Over-Point-Price ul b:last-child {
    font-size: 15px;
    color: #007AFF;
    font-weight: 600;
    font-family: var(--common_font);
    margin-bottom: 0;
    line-height: 20px;
}

.inv-destination-data ul li i.fa.fa-calendar {
    font-size: 18px;
}

.inv-destination-data ul.no-icons li {
    padding: 0;
}

.vehicle-capt .vehicle-avatar {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.vehicle-capt {
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.car-det strong {
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding: 6px 10px;
    background-color: #ddd;
    color: #000;
    line-height: normal;
}

.car-det b {
    display: block;
    line-height: normal;
    padding: 6px 10px;
    background-color: #f8f8f8;
    font-size: 15px;
    color: #000;
}

.profile-data .profile-image {
    width: 70px;
    height: 70px;
    margin: 0 0 0 0;
}

.profile-data .value-listing {
    margin: 0 0 0 20px;
    width: calc(100% - 90px);
    box-sizing: border-box;
}

.profile-data {
    display: flex;
    flex-wrap: wrap;
}

.profile-data .value-listing li {
    margin: 0 0 5px 0 !important;
    padding: 0;
}

.profile-data .value-listing li span {
    text-transform: capitalize;
}

.profile-data .value-listing li:first-child span {
    color: #000;
}

.profile-data .value-listing li a {
    display: block;
    line-height: normal;
    height: 22px;
}

.extra-details h3 {
    padding: 10px 30px 10px 0;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    position: relative;
    font-weight: 600;
    cursor: pointer;
}

.extra-details h3:after {
    content: '\44';
    position: absolute;
    right: 0;
    left: auto;
    top: 14px;
    font-family: 'icomoon';
    font-size: 10px;
}

.extra-details h3.active:after {
    content: '\e90e';
    font-size: 16px;
    top: 10px;
}

.inv-destination-data ul.no-icons {
    display: none;
}

#invoice_map {
    background-size: cover;
    background-position: center;
    border: 1px solid #e0e1e1;
    border-radius: 3px;
    margin-bottom: 30px;
}

.sub-block-title {
    font-size: 18px;
    display: block;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}

.driver_info {
    display: flex;
}

.driver_info-img {
    width: 58px;
    height: 58px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    box-shadow: 0 0 0 2px var(--mainColor);
    border-radius: 50%;
}

.driver_info-img img {
    height: 58px;
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    padding: 0;
}

ul.car-details li {
    padding: 0 !important;
}

.invoice-pay-type {
    padding: 20px;
    background-color: transparent;
    margin: 0 -23px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 17px;
    font-weight: 600;
    margin-top: 25px;
}

.sign-block b {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--common_font);
    display: block;
    color: #000;
    margin-bottom: 13px;
}

.sign-block {
    padding-top: 30px;
}

.sign-block b~img {
    width: 120px;
}

.user-main-card p {
    margin: 0;
}

.user-main-card .user-details-info p:first-child {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
}

.user-booking-details .passenger {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.user-booking-details .passenger .total-passenger {
    font-weight: 600;
    color: #000;
}

.user-booking-details .passenger .total-Price {
    font-size: 16px;
    font-weight: 600;
    color: #4169E1;
    text-decoration: none;
    cursor: pointer;
}

/*********************************/
ul.user-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    background-color: #fff;
    transition: all 0.5s;
    transform: translateX(-340px);
    -webkit-transform: translateX(-340px);
    -moz-transform: translateX(-340px);
    -ms-transform: translateX(-340px);
    -o-transform: translateX(-340px);
    z-index: 9999999999999;
    overflow-y: auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    width: 294px;
}

ul.user-menu li:not(:first-child) a {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    display: flex;
    outline: none;
    padding: 10px 20px 10px 15px;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
    margin: 0 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    line-height: 18px;
}

ul.user-menu li a img {
    max-height: 100%;
    height: 56px;
}

ul.user-menu li:not(:first-child) {
    padding: 0;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.15); */
    width: 280px;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
    margin: 1px 0;
}

ul.user-menu li a span {
    width: auto;
    align-items: center;
    display: inline-block;
    width: calc(100% - 36px);
    width: -o-calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: -webkit-calc(100% - 36px);
}

ul.user-menu li a i {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    line-height: normal;
}

/* ul.user-menu li.logo,
ul.user-menu li.logo:hover {
    background-color:#000;
} */

ul.user-menu li.active a {
    background-color: #174FEB;
    color: #fff;
}

ul.user-menu li a>* {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

ul.user-menu li:not(:first-child) a:hover>* {
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
}

ul.user-menu li.logo {
    margin-bottom: 0px;
    border-bottom: none;
    display: block;
}

ul.user-menu li.logo a {
    margin: 15px 30px;
    display: block;
}

ul.user-menu li.logo:hover a,
ul.user-menu li.logo.active a {
    background: transparent;
    color: transparent;
}

body.side_menu ul.user-menu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}



/*********************************/
/*******************************************
========= invoice detail page =========
*********************************************/
ul.overview-detail li {
    width: 25%;
}

ul.overview-detail {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

ul.overview-detail li:last-child .overview-data {
    border-right-width: 1px;
}

ul.overview-detail li .overview-data {
    padding: 28px 22px;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    border-color: #d7d7d7;
    min-height: 100%;
}

ul.overview-detail li strong {
    display: block;
    font-size: 15px;
    font-weight: 600;
    /* margin-bottom: 15px; */
    margin-bottom: 6px;
    color: #000;
}

ul.overview-detail li span,
ul.overview-detail li span a {
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    display: block;
    text-decoration: none;
}

ul.overview-detail li .overview-data.subdata {
    border-right-width: 1px;
    padding: 15px 20px;
}

.invoice-data-holder .profile-image {
    width: 58px;
    height: 58px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.inv-data {
    width: 360px;
    display: inline-block;
    vertical-align: top;
    /*padding-top: 24px;*/
}

.inv-data.profile-image-blank {
    margin-left: 68px;
}

.invoice-data-holder {
    background-color: #fff;
    padding: 20px 23px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.invoice-data-holder h3 {
    width: 100%;
    font-size: 20px;
    margin: 15px 0;
    color: #239707;
    font-weight: 600;
}

.invoice-right-bottom-img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.beforeafterimage {
    border: 1px solid #ddd;
    margin: 0 10px 10px 10px;
}

.beforeafterimage b,
.beforeafterimage b a {
    display: block;
}

.beforeafterimage b a img {
    vertical-align: top;
}

.beforeafterimage h4 {
    padding: 10px 0;
    text-align: center;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
}

.invoice-right-bottom-img h4 {
    font-size: 20px;
    padding: 5px 0 15px;
}

.inv-data strong {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--common_font);
    display: block;
    color: #000;
}

.profile-earning .inv-data ul li {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dfdfdf;
    padding: 6px 0;
}

.profile-earning .inv-data ul {
    margin: 0;
}

.profile-earning .inv-data ul li span {
    color: #656565;
    display: inline-block;
    width: calc(100% - 100px);
    width: -o-calc(100% - 100px);
    width: -ms-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
}

.profile-earning .inv-data ul li b {
    font-weight: 500;
    display: inline-block;
    color: #1c1c1c;
    white-space: nowrap;
}

.profile-earning .inv-data ul li:last-child span,
.profile-earning .inv-data ul li:last-child b {
    font-weight: 600;
    color: #000;
}

.profile-earning .inv-data ul li:first-child {
    border-top: none;
}

.profile-earning .inv-data ul li:last-child {
    border-top: 2px solid #000;
}

.inv-rating {
    display: inline-block;
    margin-left: 25%;
}

.inv-rating-food {
    display: inline-block;
    margin-left: 5%;
    width: 45%;
    border-left: 1px solid #dfdfdf;
}

.profile-earning .inv-data ul li.no-border {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.inv-rating strong {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--common_font);
    display: block;
    color: #000;
    margin-bottom: 13px;
}

.left-right {
    width: 318px;
}

.left-block {
    width: calc(100% - 348px);
    -o-width: calc(100% - 348px);
    -ms-width: calc(100% - 348px);
    -moz-width: calc(100% - 348px);
    -webkit-width: calc(100% - 348px);
}

/*****************************************************/
.driverlists #driver_main_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-height: 277px;
    overflow-y: auto;
    margin-top: 10px;
}

.driverlists #driver_main_list li {
    width: 100%;
    position: relative;
    margin: 0 0;
    padding: 10px 0 10px 60px;
    min-height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
}

.driverlists #driver_main_list li .map-tab-img {
    width: 50px;
    position: absolute;
    margin: 0;
    left: 0;
    top: 10px;
}

.driverlists #driver_main_list li .map-tab-img img {
    max-width: 100%;
}

.driverlists #driver_main_list li .map-tab-img1~img {
    width: 12px;
    position: absolute;
    right: -6px;
    bottom: 0;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 50%;
}

.driverlists #driver_main_list li [class*=driver_] b {
    display: block;
    line-height: normal;
    color: #000;
    font-weight: 600;

}

.driverlists #driver_main_list li [class*=driver_] {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    width: calc(100% - 140px);
    display: inline-block;
    margin: 0;
}

.driverlists #driver_main_list li a {
    float: right;
}

.driverlists #driver_main_list li:after {
    content: '';
    position: relative;
    clear: both;
    display: block;
}

.autoassignbtn .check-main {
    margin-right: 14px;
}

.autoassignbtn label {
    padding: 0;
    font-weight: 500;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.data-row.autoassignbtn {
    display: block;
    /*padding: 20px 20px;*/
    padding-top: 20px;
}

.driverlists input {
    width: 100%;
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
}

.driverlists .add-booking1 {
    display: block;
}

.aternate-login._new:before {
    box-shadow: 0 0 0 1px #b7b7b7 inset, 0 0 0 11px #f4f2f1;
    background-color: #f4f2f1;
}

.aternate-login._new {
    margin-top: 20px;
}

.assigned_driver strong {
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

.assigned_driver label {
    display: block;
    font-weight: 500;
}

.assigned_driver label b {
    font-weight: 500;
    display: inline-block;
    margin-left: 5px;
    color: #757575;
}

.assigned_driver {
    margin-bottom: 20px;
}

ul.stepper .step .step-content .step-actions {
    padding-bottom: 20px;
}

/********************************
===== food page css start ========
*********************************/
#how-it-works.food-variant {
    background-color: #fff;
}

.how-it-works-section.food-variant h3 {
    margin-bottom: 12px;
}

.how-it-works-section.food-variant ul li .proc_ico {
    width: 94px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    background: #f2f2f2;
}

.how-it-works-section.food-variant ul li {
    padding-left: 135px;
    min-height: 106px;
}

.how-it-works-section.food-variant .how-it-works-left li strong {
    padding-top: 10px;
}

.how-it-works-section.food-variant .how-it-works-right img {
    width: 536px;
    margin: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    animation: none;
    -webkit-animation: none;
    max-width: 100%;
}

.how-it-works-section.food-variant .how-it-works-right {
    width: 586px;
    align-items: center;
    justify-content: flex-start;
}

.how-it-works-section.food-variant .how-it-works-left {
    width: calc(100% - 586px);
    width: -o-calc(100% - 586px);
    width: -ms-calc(100% - 586px);
    width: -moz-calc(100% - 586px);
    width: -webkit-calc(100% - 586px);
}

.how-it-works-section.food-variant .food-image-block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.how-it-works-section.food-variant .food-image-block a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 167px;
    height: 167px;
    z-index: 0;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    font-size: 27px;
    align-items: center;
    color: #000;
    text-decoration: none;
    outline: none;
    display: flex;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 29px;
    box-shadow: 0 0 0 2px #000;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.how-it-works-section.food-variant .food-image-block a:hover {
    background-color: #000;
    color: #fff;
    box-shadow: 0 0 0 2px #fff;
}

/******************************************/
.fleet.food-variant {
    background-color: #f6f6f6;
}

.fleet.food-variant:after {
    display: none;
}

.fleet.food-variant .fleet-inner>strong {
    color: #3e3e3e;
    margin-bottom: 30px;
}

.fleet.food-variant ul li strong {
    color: #222222;
    font-weight: 500;
    font-size: 18px;
}

.fleet.food-variant ul {
    margin-top: 10px;
    justify-content: space-between;
}

.fleet.food-variant ul li {
    width: auto;
}

.fleet.food-variant ul li i {
    width: auto;
    height: auto;
    background-color: transparent !important;
    margin-bottom: 0;
}

/*****************************************/
.ordernow {
    /* background-color: #393939; */
    color: #fff;
    padding: 77px 0 65px 0;
    overflow: hidden;
}

.ordernow-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
}

.ordernow-caption strong {
    font-size: 33px;
    font-weight: 500;
    font-family: var(--common_font);
    color: #000;
    display: block;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 13px;
    line-height: 39px;
}

.ordernow-caption h4,
.ordernow-caption h4 a {
    font-size: 55px;
    color: #fff;
    font-family: var(--common_font);
    font-weight: 500;
    margin-bottom: 2px;
    text-decoration: none;
}

.ordernow-left {
    width: 50%;
    margin-left: auto;
    text-align: center;
    border: 1px solid #ddd;
    padding: 0px;
    position: relative;
    z-index: 1;
}

.ordernow-left::before {
    content: "";
    position: absolute;
    width: 54%;
    top: -23px;
    background: #ddd;
    padding-top: 55%;
    z-index: -1;
    right: 50%;
    border-radius: 12px;
}

.ordernow-left::after {
    content: "";
    position: absolute;
    width: 54%;
    bottom: -24px;
    background: #ddd;
    padding-top: 55%;
    z-index: -1;
    left: 50%;
    border-radius: 12px;
}

.ordernow-left img {
    width: auto;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    display: block;
}

.ordernow-right {
    width: 46%;
}

.ordernow-caption b {
    color: #000;
    display: block;
    margin-bottom: 15px;
}

.ordernow .book-btn {
    padding: 18px 23px 18px 23px;
    background-color: #000;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-transform: unset;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.3px;
    outline: none;
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    box-shadow: 0 0 0 1px #fff inset;
}

.ordernow .book-btn:hover {
    background-color: #333;
    color: #fff;
}

.ordernow .book-btn:after {
    content: '\61';
    font-family: 'icomoon';
    font-size: 14px;
    margin-left: 15px;
    position: relative;
    right: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.ordernow .book-btn:hover:after {
    /*right: -5px;*/
}

/***************************************/
.benefits.food-variant.benefits .benefits-inner>strong {
    margin-bottom: 35px;
}

.benefits.food-variant ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.benefits.food-variant ul li i {
    right: auto;
    left: 0;
    width: 128px;
    height: auto;
    background-color: transparent;
    align-items: flex-start;
}

.benefits.food-variant ul li i img {
    max-width: 100%;
    max-height: 128px;
}

.benefits.food-variant ul li {
    min-height: initial;
    padding: 0 0 35px 178px;
    box-sizing: border-box;
    width: 47%;
    margin-bottom: 35px;
    border-bottom: 1px solid #e9e9e9;
}

.benefits.food-variant ul li:nth-last-child(-n+2) {
    border: none;
}

/*.benefits.food-variant {*/
/*    padding: 149px 0 0px 0;*/
/*}*/
/************************************************/
.contact-article {
    padding-top: 70px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.contact-article-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    min-height: 485px;
    padding: 0 15px;
}

.contact-information {
    background-color: rgba(237, 237, 237, 0.80);
    max-width: 324px;
    min-height: 424px;
    box-sizing: border-box;
    padding: 32px;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.80) inset;
    text-align: center;
    margin-bottom: -8px;
}

.contact-inform-block strong {
    line-height: normal;
    display: block;
    text-transform: uppercase;
    font-size: 24px;
    color: #686868;
    font-weight: 500;
}

.contact-inform-block b span {
    font-size: 39px;
    font-weight: 500;
    display: block;
    line-height: normal;
    margin-top: -7px;
}

.contact-inform-block b .tell-info {
    font-size: 31px;
    font-weight: 600;
    color: #000;
    display: block;
    line-height: normal;
    text-decoration: none;
    outline: none;
    margin-top: -5px;
}

.contact-inform-block address {
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    font-family: var(--common_font);
    padding: 0 20px;
    line-height: 22px;
    margin-top: 8px;
}

.contact-inform-block {
    margin-bottom: 28px;
}

.contact-inform-block:last-child {
    margin-bottom: 0;
}

.contact-inform-block .mail-info {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    font-family: var(--common_font);
    text-decoration: none;
    line-height: normal;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.contact-inform-block .mail-info:hover {
    opacity: 0.5;
}

/***************************************/
.restaurant {
    padding: 45px 0;
    background-color: #f6f6f6;
}

.restaurant-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    padding: 0 15px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

.restaurant h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 48px;
}

.restaurant ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.restaurant ul li {
    width: 33.33%;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
}

.restaurant ul li:nth-child(even) {
    flex-direction: column-reverse;
}

.rest-caption strong {
    font-size: 28px;
    color: #121212;
    font-weight: 600;
    font-family: var(--common_font);
    line-height: normal;
    display: block;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.rest-caption p {
    font-size: 14px;
    color: #777777;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0;
    width: 100%;
}

.rest-caption {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 357px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    padding: 30px 30px;
    position: relative;
    overflow: hidden;
}

.rest-caption:first-child:hover:after {
    bottom: 0;
}

.rest-caption:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.3s ease 0s;
}

.rest-caption .box-content {
    color: #fff;
    text-align: left;
    width: 100%;
    padding: 0 30px;
    position: absolute;
    bottom: 15px;
    left: -100%;
    transition: all 0.3s ease 0.2s;
    box-sizing: border-box;
    z-index: 1;
}

.rest-caption .box-content strong,
.rest-caption .box-content p {
    color: #fff;
}

.rest-caption:first-child:hover .box-content {
    left: 0;
}

/**************************************************
============== my trips page css start==============
****************************************************/
.profile-section.my-trips {
    padding-bottom: 0;
}

.filter-form select,
.filter-form input {
    height: 36px;
    border: none;
    box-shadow: 0 0 0 1px #e0e0e0 inset;
    border-radius: 3px;
    /*-webkit-appearance: textfield;*/
    -webkit-appearance: none;
    appearance: none;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    outline: none;
}

.filter-form input {
    -webkit-appearance: initial;
}

.filter-form label {
    font-size: 12px;
    font-weight: 500;
    font-family: var(--common_font);
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.filter-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
}

.filter-form input[type="submit"],
.filter-form button,
.filter-form a.gen-btn {
    background-color: transparent;
    outline: none;
    border: none;
    font-size: 15.6px;
    box-shadow: none;
    color: #fff;
    font-weight: 500;
    width: auto;
    display: inline-block;
    min-width: 85px;
    margin: 0 10px 0 0;
    cursor: pointer;
    text-align: center;
    padding: 7px 10px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-family: var(--common_font);
    line-height: normal;
}

.filter-form a,
.gen-btn {
    background-color: transparent;
}

.filter-form a,
.gen-btn:hover,
button[disabled] {
    background-color: #000;
    /*background-color: transparent; commented bc edit form manual booking auto assign clicked already then button bg color not shown*/
}

.general-form input[type=text][readonly],
.general-form input[type=email][readonly],
.general-form select[disabled],
.general-form select[readonly] {
    background-color: rgb(235, 235, 228);
}

.filter-form input[type="submit"]:hover,
.filter-form button:hover {
    background-color: transparent;
}

.filters-column {
    margin: 0 10px 20px 0;
    position: relative;
}

.filter-form select {
    min-width: 181px;
    padding: 10px 30px 10px 10px;
    position: relative;
    background-image: url(../../../img/apptype/ProXJ/down-arrow_b.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
}

.button-block.oppData {
    margin-bottom: 0;
}

.filter-form input {
    width: 180px;
    padding: 10px 32px 10px 10px;
}

.profile-section.my-trips .profile-caption {
    margin-bottom: 0;
}

.filters-column i {
    font-size: 19px;
    position: absolute;
    right: 5px;
    bottom: 9px;
    cursor: initial;
    /* By HJ On 22-02-2020 FOr SOlved 141 Mantis Bug #3710 */
}

.hasDatepicker {
    cursor: pointer !important;
}

.filters-column i.icon-cal {
    pointer-events: none;
}

.no-record {
    color: #fb1111;
    font-weight: 500;
}

/******************** dataTable overwrite ************************/
table.dataTable.custom-table {
    border-style: solid;
    border-color: #dedede;
    border-width: 0 1px;
    width: calc(100% - 2px) !important;
    width: -o-calc(100% - 2px) !important;
    width: -ms-calc(100% - 2px) !important;
    width: -moz-calc(100% - 2px) !important;
    width: -webkit-calc(100% - 2px) !important;
}

.table-holder {
    width: 100%;
    padding: 24px 20px;
    background-color: #fff;
    box-sizing: border-box;
}

.table-holder~.card-block {
    margin-top: 20px;
}

.table-holder~.button-block {
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.table-responsive {
    overflow-x: auto;
    width: 100%;
}

table.dataTable.custom-table tbody td {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    border-style: solid;
    padding: 17px 15px;
    border-width: 0 0 1px 0;
    border-color: #dedede;
    font-family: var(--common_font);
    vertical-align: middle;
    line-height: normal;
}

table.dataTable.custom-table tbody td[valign="top"] {
    vertical-align: top;
}

table.dataTable.custom-table tbody td .vehicle_name {
    width: 816px;
    display: inline-block;
}

table.dataTable.custom-table tbody td .action-click {
    color: #000;
    text-decoration: none;
    font-size: 25px;
}

table.dataTable.custom-table tbody td .gen-btn i {
    color: #fff;
}

table.dataTable.custom-table tbody td .gen-btn {
    margin-top: 8px;
}
table.dataTable.custom-table tbody td .gen-btn b{
    font-family: var(--common_font);
}
table.dataTable.custom-table tbody td .upload-block .gen-btn {
    margin: 0;
}

table.dataTable.custom-table tbody td .action-click:hover,
table.dataTable.custom-table tbody td i:hover {
    opacity: 0.5;
}

table.dataTable.custom-table tbody td i {
    font-size: 25px;
    color: #000;
    cursor: pointer;
}

table.dataTable.custom-table tbody td i.icon-edit.icon-white {
    color: #fff;
}

.certi {
    font-size: 15px !important;
}

table.dataTable.custom-table thead th {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #dedede;
    padding: 17px 15px;
    background-color: #f6f6f6;
    outline: none;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--common_font);
    white-space: nowrap;
    vertical-align: middle;
}

table.dataTable.custom-table thead th .expanding {
    font-size: 25px;
}

.table-holder .dataTables_wrapper .dataTables_info {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin: 19px 0 0 0;
}

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #fff;
    box-shadow: none;
    outline: none;
    border: none;
    min-width: 28px;
    height: 26px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--common_font);
}

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #000;
    border: none;
}

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #000;
    border: none;
    color: #fff !important;
}

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background-color: transparent;
}

.table-holder .dataTables_wrapper .dataTables_paginate {
    margin-top: 20px;
}

.table-holder .dataTables_length label {
    font-weight: 600;
    font-size: 15px;
    display: block;
}

[data-text="init"],
[data-text="init"].td,
[data-text="init"].th {
    text-align: left !important;
}

.dataTables_wrapper .dataTables_length select {
    min-width: unset;
    padding: 10px 20px 10px 10px;
    position: relative;
    background-image: url(../../../img/apptype/ProXJ/down-arrow_b.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    box-shadow: 0 0 0 1px #e0e0e0 inset;
    border: none;
    outline: none;
    margin: 0 10px;
    width: 75px;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 3px;
}

.table-holder .dataTables_wrapper .dataTables_filter input {
    height: 36px;
    border: none;
    box-shadow: 0 0 0 1px #e0e0e0 inset;
    border-radius: 3px;
    -webkit-appearance: initial;
    padding: 10px 40px 10px 10px;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    font-size: 15px;
    margin: 0;
}

.table-holder .dataTables_wrapper .dataTables_filter label {
    font-size: 0;
    display: inline-block;
    position: relative;
}

.table-holder .dataTables_wrapper .dataTables_filter label:after {
    width: 30px;
    height: 100%;
    content: "\f002";
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'FontAwesome';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-holder .dataTables_wrapper .dataTables_length,
.table-holder .dataTables_wrapper .dataTables_filter {
    margin-bottom: 20px;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    background-color: #F6F6F6;
    border-style: solid;
    border-color: #dedede;
    border-width: 0 0 1px 0;
    text-align: center;
}

.button-block.justify-left {
    justify-content: flex-start;
    align-items: initial;
}

.button-block.justify-left .gen-btn {
    margin: 0 15px 10px 0;
}

/*********************************/
.model-header-resp {
    display: flex;
    align-items: center;
}

.model-header-resp .model-footer.button-block {
    margin-bottom: 0px !important;
}

.model-header-resp button#btn_booking_date {
    margin: 0 !important;
}

.model-header-resp .model-footer.button-block {
    justify-content: flex-end;
}
/***************** admin manual booking fare popup CSS ************************/
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE .custom-modal .model-header {
    padding: 0;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -15px;
    right: -15px;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE .custom-modal .model-header i {
    padding: 0;
    width: 35px !important;
    height: 35px !important;
    background-color: #fff;
    border-radius: 50%;
    color: #000;
    display: grid;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    border: 1px solid #000;
}
b.dBooking_date_display {
    border-bottom: 1px solid #000;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE .custom-modal .model-header i {
    color: #000;
    width: auto;
    height: auto;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE .custom-modal .model-header  h4 {
    display: none;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE .custom-modal #faretxt {
    color: #000;
    font-weight: 500;
    margin-top: 10px;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE .vehicle-caption {
    padding: 0;
    display: grid;
    border-bottom: none !important;
    justify-content: center;
    margin-bottom: 20px;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE .custom-modal .model-body {
    padding: 20px 15px 0 15px;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE .car-identy {
    display: block;
    line-height: normal;
    text-align: center;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE strong#vehicleName {
    display: block;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE strong#total_fare_price {
    display: block;
    font-size: 25px;
    font-weight: 600;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE ul.costlist li {border-bottom: 1px solid #ccc;padding: 20px;}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE ul.costlist {
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    min-height: 286px;
    align-items: center;
    display: grid;
    text-align: center;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE ul.costlist li b {
    font-weight: 600;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE ul.costlist li em {
    font-weight: 500;
}
#TRIP_VEHICLE_TYPE_ESTIMATE_TYPE ul.costlist li:last-child {
    background-color: #e7ffff;
    border: none;
}
/*******************************/
.custom-element .radio-button {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0;
    box-shadow: none;
    z-index:-1;
}
.custom-element .radio-hold input:checked~.radio-button:after {
    display:none;
}
.custom-element .radio-hold input:checked~.radio-button {
    background-color:#ffd658;
}
.custom-element .__right__side__inner__div li {
    position: relative;
    z-index: 0;
}
.custom-element .radio-combo .radio-main {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0;
    box-shadow: none;
    z-index:-1;
    margin: 0;
}
.custom-element .radio-combo .radio-main .radio-hold {
    position: initial;
}
.custom-element .full_div_bottom .radio-combo {
    z-index: 0;
}
.custom-element .check-combo {
    display: flex;
    padding: 10px;
    margin: 0;
    background-color: #fff;
    position: relative;
    z-index: 0;
}
.custom-element [id="ride-type"] .data-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #000;
    background-color: #000;
    gap: 1px;
}
.custom-element .data-row .check-combo:last-child {
    grid-column: span 2;
}
.custom-element .check-main {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    top: 0;
}
.custom-element .check-main .check-hold {
    position: absolute;
    width: 100%;
    height: 100%;
}
.custom-element .check-button {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: none;
    z-index: -1;
}
.custom-element .check-hold input:checked~.check-button:after {
    display: none;
}
.custom-element .check-hold input:checked~.check-button {
    background-color:#ffd658;
}
.custom-element .section-block .check-combo label {
    font-size: 13px !important;
    line-height: 1.3em;
    width: 100%;
}
.custom-element .Assign_Driver_Section .data-row {
    position: relative;
    z-index: 0;
}
.full_div_bottom .custom-element .radio-combo label {
    width: 100%;
}
.full_div_bottom .custom-element .radio-combo {
    z-index: 0;
}
.booking_request_inner .custom-element .check-button {
    width: 100%;
    height: 100%;
}
.booking_request_inner .b_req_inner ul.stepper.linear {
    overflow-y: visible;
    height: auto;
    padding: 0;
}
.custom-element.booking_preference_and_discount_code {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.booking_request_inner .b_req_inner .booking-main {
    height: calc(100% - 482px);
    height: -webkit-calc(100% - 482px);
    height: -moz-calc(100% - 482px);
    height: -ms-calc(100% - 482px);
    height: -o-calc(100% - 482px);
    overflow-y: auto;
    padding: 15px;
}
.full_div_bottom .custom-element .section-block {
    margin: 0;
}
.booking_request_inner.br_remove_height .b_req_inner .booking-main {
    height: calc(100% - 532px);
    height: -webkit-calc(100% - 532px);
    height: -moz-calc(100% - 532px);
    height: -ms-calc(100% - 532px);
    height: -o-calc(100% - 532px);
}
.b_req_inner .discount-block button[type="button"] {
    width: 38px;
    height: 38px;
    display: flex;
    border: none;
    outline: none;
    background-color: #000;
    position: absolute;
    right: 4px;
    bottom: 3px;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
}
.b_req_inner .discount-block button[type="button"]:after {
    display: none;
}
.b_req_inner .discount-block {
    margin-bottom: 0;
}
.b_req_inner .general-form .form-group input{
    padding: 10px 16px 10px 16px;
}
.b_req_inner .general-form .form-group input.phoneinput {
    padding-left: 118px;
}
.b_req_inner .custom-element .check-combo {
    padding: 7px 10px;
}
@media (max-width: 1450px) {
    .booking_request_inner .custom-element .check-combo {
        margin-bottom: 0 !important;
    }
    .custom-element .check-button {
        width: 100%;
        height: 100%;
    }
    .booking_request_inner .b_req_inner .booking-main {
        height: calc(100% - 422px);
        height: -webkit-calc(100% - 422px);
        height: -moz-calc(100% - 422px);
        height: -ms-calc(100% - 422px);
        height: -o-calc(100% - 422px);
        overflow-y: auto;
    }
    .booking_request_inner.br_remove_height .b_req_inner  .booking-main {
        height: calc(100% - 472px);
        height: -webkit-calc(100% - 472px);
        height: -moz-calc(100% - 472px);
        height: -ms-calc(100% - 472px);
        height: -o-calc(100% - 472px);
    }
}
/***************** admin manual booking fare popup CSS ************************/
@media screen and (max-width: 480px) {
    .model-header-resp .model-footer.button-block {
        justify-content: start;
    }

    .custom-modal .model-body,
    .modal .modal-body {
        padding: 20px 0 20px 10px !important;
    }

    .model-header-resp {
        padding: 10px 0;
    }

    .custom-modal .model-footer,
    .custom-modal .modal-footer,
    .modal .modal-footer {
        padding: 0 0 0 10px !important;
    }

    .general-form .btn-hold input[type="submit"],
    .filter-form button,
    .gen-btn,
    .button-block a.gen-btn,
    .modal .modal-footer .btn {
        padding: 10px 25px 10px 25px !important;
    }

    #datemodel .form-control {
        width: 200px !important;
    }

    #datemodel .custom-modal .model-footer {
        justify-content: left;
    }

    #datemodel .pickup-schedule-img {
        bottom: 3px !important;
    }

    .earning-block {
        text-align: left;
    }
}

/******************************************************/
.profile-earning ul.value-listing,
ul.value-listing {
    padding: 0;
}

.profile-earning ul.value-listing li,
ul.value-listing li {
    width: 100%;
    margin-bottom: 10px;
}

.profile-earning ul.value-listing li b,
ul.value-listing li b {
    font-weight: 600;
    margin-right: 5px;
    color: #333;
}

[dir="rtl"] .profile-earning ul.value-listing li b,
[dir="rtl"] ul.value-listing li b {
    margin: 0 0 0 5px;
}

.profile-earning ul.value-listing li span,
ul.value-listing li span {
    font-weight: 500;
    color: #757575;
    display: inline-block;
}

/******************************************************/
.doc-image-block img {
    max-width: 90%;
    box-sizing: border-box;
    max-height: 90% !important;
}

.doc-image-block {
    width: auto;
    margin: 20px;
    padding: 0;
    box-sizing: border-box;
    height: 162px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.doc-image-block>a {
    line-height: normal !important;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
    border: 1px solid #ddd;
}

table.dataTable.custom-table tbody td .filters-column i {
    font-size: 19px;
}

table.dataTable.custom-table tbody td .doc-image-block i {
    position: absolute;
    right: -14px;
    top: -14px;
    width: 28px;
    height: 28px;
    font-size: 11px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
}

table.dataTable.custom-table tbody td .upload-block.fileupload-exists i {
    display: flex;
}

.upload-block {
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    /* overflow: hidden;*/
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.upload-block .filter-form {
    justify-content: center;
    padding: 0 20px 0px 20px;
    margin-bottom: 0px;
}

.upload-block-inner {
    min-height: 280px;
}

.upload-block .button-block {
    padding: 0 20px;
    margin-bottom: 0;
}

.upload-block [data-target="#uiModal"] {
    max-width: calc(100% - 40px);
    white-space: normal;
}

.upload-doc-button .gen-btn {
    width: 100%;
    text-align: center;
    display: block;
}

.upload-block .button-block .gen-btn {
    width: 100%;
    justify-content: center;
}

.upload-block strong {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background-color: #000;
    display: block;
    padding: 17px 20px;
    border-radius: 4px 5px 0 0;
}

.upload-block [data-target="#uiModal"] {
    max-width: -o-calc(100% - 40px);
    max-width: -ms-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: -webkit-calc(100% - 40px);
    max-width: calc(100% - 40px);
    white-space: normal;
}

.upload-doc-button {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}

.upload-doc-button input[type="file"] {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    opacity: 0;
    height: 100%;
    cursor: pointer;
}

.upload-doc-button input[type="file"]:hover~.gen-btn {
    background-color: #757575;
}

.profile-earning ul.doc-upload-listing li {
    width: 33.33%;
}

.fileupload-exists .fileupload-new {
    display: block;
}

.filters-column.exp-date {
    flex-direction: column;
    display: flex;
    margin: 0;
    width: 242px;
}

.filters-column.exp-date label {
    font-size: 12px;
    font-weight: 500;
    font-family: var(--common_font);
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.modal .fileupload .thumbnail {
    margin-bottom: 10px;
    display: block;
}

.custom-modal .fileupload {
    margin-top: 20px;
    margin-bottom: 20px;
}

.custom-modal .model-body .fileupload .thumbnail {
    margin-bottom: 10px;
    max-width: 240px;
    height: 164px;
    display: flex;
}

.fileupload .thumbnail img {
    max-width: 100%;
    max-height: 100%;
}

.fileupload {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fileupload .thumbnail {
    line-height: normal !important;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
    border: 1px solid #ddd;
}

.form-group .fileerror {
    /*margin-bottom: -15px;*/
    line-height: 15px;
}

.fileerror {
    width: 100%;
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    color: #d23737;
}

/************new-box*******************/
.custom-modal-first-div.active {
    opacity: 1;
    visibility: visible;
}

.custom-modal-first-div {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease 0s;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    z-index: 1050;
    padding: 15px;
}

.custom-modal-sec-div {
    width: 580px;
    max-width: calc(100% - 0px);
    max-width: -o-calc(100% - 0px);
    max-width: -ms-calc(100% - 0px);
    max-width: -moz-calc(100% - 0px);
    max-width: -webkit-calc(100% - 0px);
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    top: -50px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

h4.custom-modal-title {
    margin: 0;
    font-size: 18px;
    color: #fff;
    line-height: normal;
}

.custom-modal-first-div.active .custom-modal-sec-div {
    top: 0;
}

.custom-model-header {
    padding: 20px 25px;
    background-color: #239707;
    display: flex;
    justify-content: space-between;
    border-radius: 4px 4px 0 0;
}

.custom-modal-title h4 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    line-height: normal;
}

.icon-close {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-model-body {
    padding: 20px 25px;
    line-height: 23px;
    display: block;
}

.custom-model-body b {
    font-weight: 600;
}

.custom-model-footer {
    padding: 0 25px;
    justify-content: flex-start;
    background-color: transparent;
    border: none;
}

.button-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
}

.custom-model-footer .button-block {
    justify-content: flex-start;
}

.custom-model-footer .button-block .gen-btn {
    margin: 0 10px 0 0;
}

.button-block.btn-flex-start {
    justify-content: flex-start;
}

.button-block.btn-flex-start .btn {
    margin-right: 10px;
}

.custom-modal-sucbtn,
.custom-modal-negbtn,
.custom-modal-genbtn {
    padding: 12px 25px 12px 25px;
    background-color: #000;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-transform: unset;
    text-decoration: none;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.3px;
    outline: none;
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-transform: capitalize;
    font-family: var(--common_font);
}

.custom-modal-genbtn {
    background-color: #239707;
}

/************new-box-end*******************/
/*******************************/
.custom-modal-main {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease 0s;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    padding: 15px;
    z-index: 2;
}
.custom-modal-main#uiModal {
    align-items: flex-start;
    padding: 50px 15px;
    overflow-y: auto;
    z-index: 99999999;
}
#wrapper.hidden_overflow {
    overflow: hidden;
}
.custom-modal-main.large-modal .model-body {
    overflow-y: auto;
    height: 500px;
}

.custom-modal-main.large-modal {
    align-items: flex-start;
    padding: 50px 0;
    overflow-y: auto;
}

.custom-modal-main.active {
    opacity: 1;
    visibility: visible;
}

.custom-modal,
.modal-dialog {
    width: 580px;
    max-width: calc(100% - 0px);
    max-width: -o-calc(100% - 0px);
    max-width: -ms-calc(100% - 0px);
    max-width: -moz-calc(100% - 0px);
    max-width: -webkit-calc(100% - 0px);
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    top: -50px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.modal-dialog{
    padding: 0;
    left: 0;
    top: 0;
}
.modal-content {
    background-color: transparent;
    /*border: 0;*/
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.custom-modal-inner {
    width: 530px;
    margin: 0 auto;
}

.custom-modal.style2 .model-body p {
    text-align: center;
    padding: 40px 0 0px 0;
}

#uiModal .model-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 15px 0 15px;
}

#service_detail {
    line-height: 35px;
    padding: 10px 20px;
}

.bootbox .modal-dialog {
    width: 100%;
    max-width: 100%
}

.custom-modal-main.active .custom-modal {
    top: 0;
}

.custom-modal .model-header h4,
.modal .modal-header h4 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    line-height: normal;
}

.custom-modal .model-header i,
.custom-modal .modal-header [data-dismiss="modal"],
.modal .modal-header [data-dismiss="modal"],
table.dataTable.custom-table tbody td .custom-modal .model-header i {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-modal .model-header,
.custom-modal .modal-header,
.modal .modal-header {
    padding: 20px 25px;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    border-radius: 4px 4px 0 0;
}

.modal .modal-header {
    flex-direction: row-reverse;
}

.custom-modal .model-body,
.modal .modal-body {
    padding: 20px 25px;
}

#delivery_pref_modal .custom-modal .model-body {
    padding: 0;
}

.custom-modal .model-body .fileupload-preview.thumbnail {
    height: 150px;
    width: 240px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.custom-modal .model-body .fileupload-preview.thumbnail img {
    max-width: 90%;
    max-height: 95%;
}

#datemodel .custom-modal .model-footer {
    justify-content: right;
    padding: 0 25px;
}

.custom-modal .model-footer,
.custom-modal .modal-footer,
.modal .modal-footer {
    padding: 0 25px;
    justify-content: flex-start;
    background-color: transparent;
    border: none;
}

.modal .modal-footer {
    margin-bottom: 20px;
}

.save11 {
    padding: 13px 35px !important;
    margin-right: 0px !important;
}

.custom-modal .model-footer .button-block,
.custom-modal .modal-footer .button-block {
    justify-content: center;
}

.custom-modal .model-footer .button-block {
    margin-top: 25px;
}

.newrow {
    /* display: flex; */
    justify-content: center;
}

.static-page-new .newrow-new {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.intro-new-one {
    overflow: hidden;
}

.custom-modal .model-footer .gen-btn,
.custom-modal .modal-footer .gen-btn {
    margin: 0 5px 10px 5px;
}

.custom-modal .captcha-column .form-group {
    margin-bottom: 0;
}

.custom-modal .general-form {
    margin-top: 0;
}


/****************************************************/
table.dataTable.custom-table tbody td.accordian-data {
    display: none;
}

table.dataTable tbody tr.accordian-data {
    display: none;
}

table.dataTable tbody tr.accordian-data.active {
    display: table-row;
}

.upload-block .filter-form .filters-column {
    width: 100%;
    margin: 0;
}

.upload-block .filter-form .filters-column input {
    width: 100%;
    box-sizing: border-box;
}

/*******************************************************/
/******************************************/
.thanks-holder,
.page404-holder {
    padding: 70px 0 70px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.thanks-holder h2,
.page404-holder h2 {
    text-align: center;
    margin: 15px 0 10px;
    padding: 0px;
    font-size: 50px;
    font-weight: 600;
}

.thanks-holder strong,
.page404-holder strong {
    font-size: 25px;
    margin: 15px 0;
    line-height: normal;
    font-weight: 500;
    color: #000;
}

.thanks-holder p,
.page404-holder p {
    text-align: center;
    margin: 0px 0 10px 0;
    padding: 0px;
    font-size: 20px;
}

.thanks-holder p,
.page404-holder p {
    text-align: center;
    margin: 0px 0 20px 0;
    padding: 0px;
    font-size: 20px;
    font-weight: 500;
    color: #757575;
}

.thanks-holder img,
.page404-holder img {
    width: 190px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

/******************************************/
.invoice-data-holder.track-order {
    background-color: #fff;
    /*padding: 25px 0px 25px 23px;*/
    border-radius: 4px;
    display: flex;
    align-items: initial;
    flex-wrap: wrap;
}

.invoice-data-holder.track-order .inv-destination-data {
    padding: 23px 0px 0px 0px;
    margin: 0 0 0 23px;
    width: calc(100% - 385px);
    width: -o-calc(100% - 385px);
    width: -ms-calc(100% - 385px);
    width: -moz-calc(100% - 385px);
    width: -webkit-calc(100% - 385px);
    border-left: 1px solid #eee;
    border-radius: 0;
}

.invoice-data-holder .inv-destination-data ul {
    padding: 0 20px;
    box-sizing: border-box;
}

.invoice-data-holder .inv-destination-data ul li:last-child {
    margin-bottom: 0;
}

.invoice-data-holder.track-order .inv-destination-data .invoice-pay-type {
    margin: 0;
}

.track-order-data {
    padding: 20px 20px 0 20px;
    background-color: #fff;
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.track-order-data ul li {
    width: auto;
    padding: 0px 0 20px 48px;
    position: relative;
    z-index: 1;
}

.track-order-data ul li:after {
    content: '';
    position: absolute;
    width: 3px;
    height: auto;
    top: 0;
    bottom: -20px;
    background-color: #dddddd;
    z-index: -1;
    left: 16px;
}

.track-order-data ul li:last-child:after {
    display: none;
}

.track-order-data ul li.passed i {
    background-color: transparent;
}

.track-order-data ul li.passed i img {
    filter: invert(1);
}

.track-order-data ul li strong {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
    line-height: normal;
}

.track-order-data ul li:before {
    content: attr(date-time);
    position: absolute;
    font-size: 14px;
    left: -45px;
    top: 2px;
    width: 38px;
    text-align: center;
    font-weight: 500;
}

.track-order-data ul li i {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    background-color: #dddddd;
    left: 0;
}

.track-order-data ul li i img {
    width: 15px;
    filter: invert(1);
    -webkit-filter: invert(1);
}

.track-order-data ul {
    padding: 0;
    margin: 0 0 0 45px;
    width: calc(100% - 45px);
    width: -o-calc(100% - 45px);
    width: -ms-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: -webkit-calc(100% - 45px);
}

.track-order-data ul li p {
    color: #404040;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 0;
}

.rest-name-holder {
    width: 100%;
    line-height: normal;
    margin-bottom: 15px;
    position: relative;
    padding: 0 0 10px 28px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

.rest-name-holder i {
    width: 15px;
    position: absolute;
    left: 0;
}

.rest-name-holder i img {
    max-width: 100%;
}

.rest-name-holder strong {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    display: block;
    font-family: var(--common_font);
}

.rest-name-holder p {
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    font-family: var(--common_font);
    margin-bottom: 0;
    line-height: 20px;
}

.profile-earning .inv-data ul li:first-child span {
    font-weight: 600;
    color: #000;
}

.profile-earning .inv-data ul li.item-list {
    flex-direction: column;
}

.profile-earning .inv-data ul li.item-list .itme-row {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

/******************************************/
.gen-cms-page-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    min-height: calc(100vh - 443px);
    min-height: -o-calc(100vh - 443px);
    min-height: -moz-calc(100vh - 443px);
    min-height: -webkit-calc(100vh - 443px);
}

.gen-cms-page {
    padding: 50px 0;
}

.common-inner-heading-section {
    padding: 50px 0 0 0;
}

.common-inner-heading-section-inner {
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 15px;
}

.common-inner-heading-section~.bannermenu {
    padding-top: 30px;
}

.gen-cms-page h2.header-page,
.common-inner-heading {
    font-size: 35px;
    color: #45aeac;
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
    font-weight: bold;
}

.gen-cms-page h2.header-page:after,
.common-inner-heading:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 1px;
    background-color: #45aeac;
    left: 0;
    bottom: 0;
}

.gen-cms-page .static-page h1 {
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold
}

.gen-cms-page .static-page h2 {
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.gen-cms-page .static-page h3 {
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.gen-cms-page .static-page h4 {
    font-size: 1em;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.gen-cms-page .static-page h5 {
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.gen-cms-page .static-page h6 {
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.gen-cms-page .static-page b {
    font-weight: bold;
}

.gen-cms-page .static-page strong {
    font-weight: bold;
    color: #666666;
}

/*.static-page h1,
.static-page h2,
.static-page h3,
.static-page h4,
.static-page h5,
.static-page h6 {
    font-size: inherit;
    color: #757575;
    font-weight: 500;
    margin-bottom: 28px;
}*/
.gen-cms-page p {
    color: #404040;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 28px;
}


.gen-cms-page ul li {
    font-size: 15px;
    color: #404040;
    padding: 0 0 8px 30px;
    position: relative;
    margin-bottom: 8px;
    line-height: normal;
}

.gen-cms-page ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.gen-cms-page ul li:before {
    content: '';
    width: 16px;
    height: 13px;
    background-image: url(../../../img/apptype/ProXJ/mark.svg);
    position: absolute;
    left: 0;
    top: 7px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);
    -webkit-filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);
}

/******************************************/
.toggle-combo {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 4px;
}

.toggle-switch {
    position: relative;
    display: inline-block;
}

.toggle-switch .toggle-base {
    width: 51px;
    height: 30px;
    background-color: #ddd;
    border-radius: 30px;
    display: inline-block;
    pointer-events: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    vertical-align: top;
}

.option-addon-input {
    font-size: 0;
}

.toggle-switch input[type="checkbox"],
.toggle-switch input[type="radio"] {
    position: absolute;
    margin: 0;
    width: 100%;
    height: 30px;
    vertical-align: top;
    outline: none;
    border: none;
    background-color: transparent;
    opacity: 0;
    cursor: pointer;
}

.toggle-switch input[type="checkbox"]:checked~.toggle-base,
.toggle-switch input[type="radio"]:checked~.toggle-base {
    background-color: #6c757d;
}

.toggle-switch input[type="checkbox"]:checked~.toggle-base:after,
.toggle-switch input[type="radio"]:checked~.toggle-base:after {
    box-shadow: -2px 0 3px rgba(0, 0, 0, .3);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.toggle-switch .toggle-base:after {
    top: 2px;
    bottom: 2px;
    left: 2px;
    width: 26px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 1px 0 3px rgba(0, 0, 0, .1);
    content: '';
    position: absolute;
    height: 26px;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: all .15s ease-out, -webkit-transform .15s ease-out;
    -webkit-transition: all .15s ease-out, -webkit-transform .15s ease-out;
    -moz-transition: all .15s ease-out, -webkit-transform .15s ease-out;
    -ms-transition: all .15s ease-out, -webkit-transform .15s ease-out;
    -o-transition: all .15s ease-out, -webkit-transform .15s ease-out;
}

.toggle-combo label {
    max-width: calc(100% - 60px);
    max-width: -o-calc(100% - 60px);
    max-width: -ms-calc(100% - 60px);
    max-width: -moz-calc(100% - 60px);
    max-width: -webkit-calc(100% - 60px);
    margin-right: 10px;
    width: auto;
    font-size: 16px;
    display: inline-block;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}

.toggle-combo label small {
    display: block;
    font-size: 12px;
    margin-top: 6px;
    color: #757575;
}

/******************************************/
.invoice-part-bottom [class*="col-sm-"] h3 {
    font-size: 18px;
    display: block;
    font-weight: 600;
    color: #000000;
    margin-bottom: 28px;
}

.profile-earning ul.recipient_details li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #dfdfdf;
    margin-bottom: 0;
}

.profile-earning ul.recipient_details li:last-child {
    padding-bottom: 0;
}

.profile-earning ul.recipient_details {
    margin: 0;
}

.profile-earning ul.recipient_details li span {
    color: #656565;
    display: inline-block;
    width: calc(100% - 160px);
    width: -o-calc(100% - 160px);
    width: -ms-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
}

.profile-earning ul.recipient_details li b {
    font-weight: 500;
    display: inline-block;
    text-align: right;
    color: #1c1c1c;
    /*text-align: right; commented becoz package details, pickup instruction etc shown right align in multi delivery*/
}

.invoice-part-bottom [class*="col-sm-"] {
    width: calc(50% - 15px);
    width: -o-calc(50% - 15px);
    width: -ms-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: -webkit-calc(50% - 15px);
    margin-bottom: 50px;
}

.invoice-part-bottom [class*="col-sm-"]:nth-last-child(-n+2) {
    margin-bottom: 0px;
}

.invoice-part-bottom.invoice-recipient {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/**********************************/
.recepient_list {
    min-height: 100%;
    border: 1px solid #ddd;
}

.invoice-part-bottom [class*="col-sm-"] .recepient_list h3 {
    font-size: 18px;
    display: block;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0;
    padding: 15px 10px;
    background-color: #eee;
    border-bottom: none;
}

.profile-earning .recepient_list ul.recipient_details li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 10px;
    border-top: 1px solid #dfdfdf;
    margin-bottom: 0;
    gap: 10px;
}

.profile-earning .recepient_list ul.recipient_details li:nth-child(even) {
    background-color: #fdfdfd;
}

/********************************************/
.profile-earning ul.setings-list li {
    width: 33.33%;
    text-align: unset;
}

.profile-earning ul.setings-list li .toggle-combo {
    align-items: center;
}

.profile-earning ul.setings-list {
    margin: 0;
}

.card-block {
    background-color: #fff;
    padding: 20px 23px 0 23px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
    min-height: 250px;
}

.card-block h1 {
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    width: 100%;
    line-height: normal;
}

.card-block .partation {
    width: calc(100% + 16px);
    width: -o-calc(100% + 16px);
    width: -ms-calc(100% + 16px);
    width: -moz-calc(100% + 16px);
    width: -webkit-calc(100% + 16px);
}

.addVehicleCX em.holder {
    display: none;
}

/******************************************/
/*.......................faq.........................*/
.faq-page {
    margin: 0px 0 0;
    padding: 0px;
    float: left;
    width: 100%;
}

.faq-top-part {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.faq-top-part ul {
    padding: 0px;
    width: calc(100% + 20px);
    width: -o-calc(100% + 20px);
    width: -ms-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    flex-wrap: wrap;
    display: flex;
    gap: 20px;
    margin: 0 0 20px 0;
}

.faq-bottom-part ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faq-top-part ul li {
    padding: 0px;
    width: 225px;
    margin: 0;
}

.faq-top-part ul li::before,
.faq-bottom-part ul li:before {
    display: none;
}

.faq-bottom-part {
    width: 100%;
    min-height: 33vh;
}

.faq-bottom-part ul {
    width: 100%;
}

.faq-bottom-part ul li {
    padding: 0;
    width: 100%;
}

.faq-bottom-part ul li:last-child {
    border: none;
}

.faq-bottom-part ul li b,
.faq-bottom-part ul li strong {
    font-weight: bold;
}

.faq-bottom-part .faq-ans span ol {
    list-style: auto;
    padding-left: 40px;
    margin: 5px 0;
}

.faq-bottom-part .faq-ans span ul {
    list-style: disc;
    padding-left: 40px;
    margin: 5px 0;
}

.faq-bottom-part .faq-ans span ol li,
.faq-bottom-part .faq-ans span ul li {
    margin: 0;
}

.faq-bottom-part ul li .bullet-faq {
    margin: 0px 0 0;
    padding: 0px;
    font-family: var(--common_font);
    font-size: 20px;
    line-height: normal;
}

.faq-bottom-part ul li span {
    margin: 2px 0 0;
    padding: 0px;
    display: flex;
}

.faq-bottom-part ul li span h3 {
    margin: 0px 0 0 10px;
    padding: 0px;
    font-size: 20px;
    text-transform: none;
    text-shadow: none !important;
    font-weight: 600;
    font-family: var(--common_font);
}

.faq-bottom-part ul li span p {
    margin: 10px 0 10px;
    padding: 0px;
    float: left;
    font-size: 16px;
    line-height: 21px;
}

.faq-bottom-part ul li ul li {
    margin: 10px 0 0;
    padding: 0px;
    border: none;
}

.faq-bottom-part ul li ul li span {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 16px;
    line-height: 27px;
    width: 100%;
    display: block;
}

.faq-bottom-part ul li a {
    color: #000;
    text-decoration: none;
    font-family: var(--common_font);
    font-weight: 600;
    display: block;
    cursor: pointer;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: -ms-calc(100% - 60px);
    width: -o-calc(100% - 60px);
}

.faq-bottom-part ul li a:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 26px;
    height: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url(../../../img/apptype/ProXJ/drop_arrow.svg);
    top: 14px;
    right: 9px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.faq-bottom-part ul li.has-sub.open a:after {
    transform: rotatex(180deg);
    -webkit-transform: rotatex(180deg);
    -moz-transform: rotatex(180deg);
    -ms-transform: rotatex(180deg);
    -o-transform: rotatex(180deg);
    top: 9px;
}

.faq-top-part li a {
    margin: 0px;
    padding: 10px 0;
    float: left;
    font-size: 15px;
    text-align: center;
    font-family: var(--common_font);
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #757575;
    box-shadow: 0 0 0 2px #757575 inset;
    text-decoration: none;
}

.faq-top-part li.Active a {
    color: #000;
    box-shadow: 0 0 0 2px #000 inset;
}

/**********************************************************/
.dark-variant.benefits {
    padding: 39px 0 0px 0;
    overflow: hidden;
}

.dark-variant.benefits h3 {
    color: transparent;
}

.dark-variant.benefits .benefits-inner>strong {
    color: #fff;
}

.benefits.dark-variant ul.listing-style li {
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box;
    margin: 0 19px;
    width: calc(33.33% - 38px);
    width: -o-calc(33.33% - 38px);
    width: -ms-calc(33.33% - 38px);
    width: -moz-calc(33.33% - 38px);
    width: -webkit-calc(33.33% - 38px);
    padding: 0 10px 30px 10px;
    margin-bottom: 75px;
}

/* .benefits.dark-variant ul.listing-style li:nth-last-child(-n+3) {
    margin-bottom: 0px;
} */
.benefits.dark-variant ul.listing-style li strong {
    color: #fff;
    margin-top: 20px;
    line-height: normal;
}

.benefits.dark-variant ul.listing-style li p {
    color: #fff;
}

.benefits.dark-variant ul.listing-style li i {
    width: 90px;
    height: 90px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .3) inset;
    border-radius: 50%;
    outline: none;
    display: inline-flex;
    margin-top: -45px;
    background-color: transparent;
}

.benefits.dark-variant ul.listing-style li i img {
    height: 48px;
}

.benefits.dark-variant ul.listing-style li {
    height: auto !important;
}

.dark-variant.benefits ul.listing-style {
    margin-top: 72px;
    width: calc(100% + 38px);
    width: -o-calc(100% + 38px);
    width: -ms-calc(100% + 38px);
    width: -moz-calc(100% + 38px);
    width: -webkit-calc(100% + 38px);
    display: flex;
    flex-wrap: wrap;
}

/**********************************************************/
.step-sec {
    padding: 39px 0 18px 0;
    /*margin-top: 210px;*/
}

.step-sec-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.step-sec ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 32px -63px 0 -63px;
}

.step-sec ul li strong {
    font-size: 22px;
    font-weight: 500;
    margin: 29px 0 30px 0;
    display: block;
    text-align: center;
}

.step-sec ul li p {
    font-size: 15px;
    font-weight: 500;
    color: #404040;
    line-height: 24px;
    text-align: justify;
}

.step-sec ul li {
    width: 33.33%;
    padding: 0 63px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.step-sec .step-sec-inner>h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
}

.step-sec .step-sec-inner>strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}

.step-sec ul li img {
    height: 102px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

/********************************/
.pickDropAddress label,
.lableCombineData label {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}

.pickDropAddress span,
.lableCombineData span {
    display: block;
    margin-bottom: 16px;
    line-height: 22px;
}

table.dataTable.custom-table tbody td.statusType .gen-btn {
    padding: 10px 16px;
    font-size: 14px;
    margin-top: 10px;
}

table.dataTable tbody tr.shown .icon-arrow-down-avigate:before {
    content: '\e90e';
}

.profile-earning ul.actionListing {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 200px;
    justify-content: center;
}

.profile-earning ul.actionListing li a {
    display: inline-block;
}

.profile-earning ul.actionListing li {
    width: auto;
    padding: 0 5px;
    margin: 0;
}

.profile-earning ul.actionListing li a i {
    font-size: 30px;
    margin: 0;
    vertical-align: middle;
}

.profile-earning ul.actionListing li a {
    text-decoration: none;
    vertical-align: middle;
}

/*******************************/
.booking-no {
    position: relative;
}

.booking-no:before {
    content: 'delivery';
    display: inline-block;
    font-size: 13px;
    padding: 4px 10px;
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
}

.booking-no:after {
    content: '';
    border-top: 8px solid #000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 22px;
    position: absolute;
    left: 8px;
}

/*******************************/
.profile-earning ul.importedTable {
    margin: 0;
}

.profile-earning ul.importedTable li {
    text-align: left;
    width: auto;
    margin: 0 20px 10px 0;
    padding: 0;
}

.profile-earning ul.importedTable li b {
    font-weight: 500;
}

.profile-earning ul.importedTable li span {
    color: #404040;
}

.profile-earning ul.setings-list li .check-combo label {
    font-size: 13px;
    line-height: normal;
}

.profile-earning ul.setings-list li .check-combo {
    align-items: flex-start;
    padding-top: 3px;
}

.profile-earning ul.setings-list li .toggle-combo label {
    font-weight: 500;
    color: #333;
    line-height: normal;
}

.your-requestd {
    width: 100%;
    margin-top: 10px;
}

.toggle-list-inner {
    border: 1px solid #dedede;
    min-height: 100%;
}

.toggle-list-inner .toggle-combo {
    padding: 8px;
    border-bottom: 1px solid #dedede;
    background-color: #f9f9f9;
    margin-top: 0;
    justify-content: space-between;
    align-items: center;
}

.profile-earning ul.setings-list li .toggle-list-inner .check-combo {
    align-items: flex-start;
    padding: 8px 8px 8px 8px;
    margin-bottom: 0;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
}

[id*='RentalVehicleType_'] {
    width: 100%;
}

.form-group strong,
strong.blanklabel {
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 5px;
    margin-top: -3px;
    font-family: var(--common_font);
    min-height: 18px;
}

.gen-forms .form-group strong {
    font-weight: 500;
}

.form-group strong.captcha-signup {
    margin: 0;
}

.form-group strong .red,
.form-group label .red {
    display: inline-block;
    color: #d63b3b;
    font-size: 15px;
    vertical-align: top;
    height: 10px;
    position: relative;
    line-height: 20px;
    margin: 0;
}

.profile-earning ul.setings-list.has-four-column li {
    width: 25%;
}

.profile-earning ul.setings-list.middle-data li .check-hold.small {
    margin-top: 0;
}

.profile-earning ul.setings-list.has-background li .toggle-list-inner {
    background-color: #f9f9f9;
}

.profile-earning ul.setings-list.has-background li .check-combo label {
    font-size: 14px;
}

.form-control {
    padding: 10px 10px 9px 10px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    outline: none;
    cursor: pointer;
    height: auto;
    width: auto;
    box-shadow: none;
}

.hatchback-search .form-control {
    margin: 0px 10px 0px 0px;
    width: 70px;
}

.hatchback-search span {
    font-family: var(--common_font);
    font-size: 15px;
    color: #404040;
}

/*******************************/
.demo-warning {
    background-color: #eee;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
}

.demo-warning p {
    line-height: 22px;
    font-size: 15px;
    color: #404040;
    margin-bottom: 8px;
}

.demo-warning p:last-child {
    margin-bottom: 0;
}

/*******************************/
.bootbox .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.bootbox .close:hover,
.bootbox .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.bootbox button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.bootbox.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
}

.bootbox.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%;
}

.bootbox.modal.fade.in {
    top: 10%;
}

.bootbox.modal .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

.bootbox.modal .modal-header .close {
    margin-top: 2px;
    font-size: 25px;
    font-weight: 500;
    opacity: 1;
}

.bootbox.modal .modal-header h3 {
    margin: 0;
    line-height: 30px;
}

.bootbox.modal .modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
}

.bootbox.modal .modal-form {
    margin-bottom: 0;
}

.bootbox.modal .modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    zoom: 1;
}

.bootbox.modal .modal-footer:before,
.bootbox.modal .modal-footer:after {
    display: table;
    content: "";
    line-height: 0;
}

.bootbox.modal .modal-footer:after {
    clear: both;
}

.bootbox.modal .modal-footer .btn {
    /*.bootbox.modal .modal-footer .btn + .btn {*/
    margin-left: 5px;
    margin-bottom: 0;
}

.bootbox.modal .modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.bootbox.modal .modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.bootbox.modal .modal-dialog {
    top: 0px !important;
}

/*******************************/
form#resetpassword {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.reset-pass-left {
    width: 165px;
    padding-right: 15px;
    box-sizing: border-box;
}

[dir="rtl"] .reset-pass-left {
    padding: 0 0 0 15px;
}

.reset-pass-right {
    width: calc(100% - 165px);
}

.which-user {
    font-size: 18px;
    font-weight: 500;
    color: #666;
}

.which-user a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    display: inline-block;
}

/*******************************/
.panel-heading .row {
    padding: 10px;
    background-color: #f8f8f8;
    border-radius: 4px 4px 0 0;
    border: 1px solid #c1c1c1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-heading .row i {
    display: inline-block;
    vertical-align: middle;
}

.panel-heading .row b {
    font-weight: 600;
    font-size: 18px;
}

.panel-body {
    padding: 15px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-radius: 0 4px 0 4px;
    border-color: #c1c1c1;
    position: relative;
}

.panel-body .partation {
    position: relative;
}

.panel-body i {
    position: absolute;
    right: -12px;
    top: -10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.4);
}

/*******************************/
.how-it-works-section.homepage-variant ul li:before,
.how-it-works-section.homepage-variant ul li:after {
    display: none;
}

.how-it-works-section.homepage-variant ul li img {
    max-height: 80px;
    max-width: 80px;
    position: absolute;
    left: 0;
    top: 0;
}

.how-it-works-section.homepage-variant ul li {
    padding: 0 0 0 120px;
    margin-bottom: 32px;
    position: relative;
    min-height: 80px;
}

.how-it-works-section.homepage-variant h3 {
    margin-bottom: 30px;
}

.how-it-works-section.homepage-variant ul li strong {
    margin-bottom: 5px;
}

.how-it-works-section.homepage-variant .how-it-works-left {
    width: 52.5%;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}

.how-it-works-section.homepage-variant .how-it-works-right {
    width: calc(47% - -6px);
    width: -o-calc(47% - -6px);
    width: -ms-calc(47% - -6px);
    width: -moz-calc(47% - -6px);
    width: -webkit-calc(47% - -6px);
}

.how-it-works-section.homepage-variant .how-it-works-section-inner {
    flex-wrap: wrap;
}

.how-it-works-section.homepage-variant .how-it-works-right img {
    max-width: unset;
    max-width: 47vw;
}

#how-it-works.homepage-variant {
    background-color: #fff;
    padding: 32px 0 0px 0;
    overflow: hidden;
}

/*******************************/
/*******************************/
.download-section.homepage .download-caption {
    text-align: left;
    max-width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.app-screens-block {
    width: 1005px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

.app-screen-col:first-child {
    padding-bottom: 38px;
}

.app-screens-block img {
    vertical-align: top;
}

.download-section.homepage {
    padding: 40px 0 0px 0;
    background-attachment: fixed;
}

.download-section.homepage .download-section-inner {
    align-items: flex-end;
}

.screens-row {
    width: 100%;
    margin-top: -191px;
    pointer-events: none;
}

.download-heading-area {
    width: 100%;
}

/*******************************/
.article-section {
    padding: 50px 0;
    overflow: hidden;
}

.article-section-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    padding: 0 15px;
    flex-wrap: wrap;
}

.article-section-left {
    width: 46.5%;
}

.article-section-right {
    width: 53.5%;
}

.article-section h3 {
    color: #000;
    font-weight: 500;
    font-size: 45px;
    margin-bottom: 40px;
    font-family: var(--common_font);
}

.article-section p {
    font-size: 19px;
    line-height: 40px;
    color: #404040;
    margin: 0 0 35px 0;
}

.article-section-left img {
    margin-left: -56px;
}

.article-section.reverse .article-section-inner {
    flex-direction: row-reverse;
}

.article-section.reverse .article-section-left img {
    margin: 0;
    position: relative;
    right: -56px;
}

.article-section.reverse .article-section-left {
    text-align: right;
}

.relative_ele {
    position: relative;
}

.relative_ele button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0 10px;
    border-left: 1px solid #ddd;
    cursor: pointer;
}

.general-form .form-group .relative_ele input,
.login-right form .form-group .relative_ele input {
    padding: 14px 46px 15px 16px;
    text-overflow: ellipsis;
    box-sizing: border-box;
    width: 100%;
}

/* custom css for bootbox for manual booking start */
.bootbox.modal.bootbox-booking {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0 !important;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0;
    border: none;
}

.bootbox.modal.bootbox-booking .modal-dialog {
    max-width: 560px;
    margin: 0 auto;
    transform: none;
    left: auto;
    top: 10% !important;
    padding: 0;
    border: none;
    background-color: transparent;
}

.bootbox.modal.bootbox-booking .modal-dialog .modal-content {
    border: initial;
}

.bootbox.modal.bootbox-booking .modal-header {
    flex-direction: row;
}

/* custom css for bootbox for manual booking end */
.banner-img-sec {
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin: 0 !important;
}

.tabcontent {
    width: 100%;
}

.innertab {
    display: flex;
    width: 100%;
    margin: 0 0 20px 0;
    background-color: #fff;
    justify-content: center;
    border-radius: 5px;
    padding: 0 0 10px 0;
}

.innertab .tablinks {
    display: inline-block;
    padding: 15px 20px;
    background-color: #fff;
    border: none;
    font-size: 16px;
    border-bottom: 3px solid #ddd;
    font-family: var(--common_font);
    font-weight: 500;
    cursor: pointer;
    color: #666;
}

.innertab .tablinks.active {
    border-color: #00a9b7;
    color: #00a9b7;
}

.detect-loc {
    position: absolute;
    width: 40px;
    right: 85px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.pickup-location .detect-loc {
    position: absolute;
    width: 36px;
    right: 10px;
    cursor: pointer;
}

.deliver-address .user_info_input .detect-loc {
    right: 10px;
}

.detect-loc-booking {
    position: absolute;
    width: 25px;
    right: 0;
    top: 5px;
    cursor: pointer;
    transition: transform .2s;
}

.detect-loc-booking:hover {
    transform: scale(1.2);
}

.pick-drop-location .pickup input {
    padding-right: 30px;
    text-overflow: ellipsis;
}

.ui-tooltip,
.arrow:after {
    background: #191919;
    border: none;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-tooltip {
    color: white;
    border-radius: 5px;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 10px;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -36px;
    bottom: -16px;
}

.arrow.top {
    top: -16px;
    bottom: auto;
}

.arrow.left {
    left: 20%;
}

.arrow:after {
    content: "";
    position: absolute;
    left: 30px;
    top: -5px;
    width: 10px;
    height: 10px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}

.manage-banner-section {
    background-color: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 20px;
    text-align: center;
}

.manage-banner-section .banner-img-block {
    display: grid;
    grid-template-columns: repeat(auto-fill, 220px);
    justify-content: space-between;
}

.manage-banner-section .banner-img {
    width: 220px;
    display: inline-block;
    margin-bottom: 20px;
}

.manage-banner-section .banner-img img,
.manage-banner-section .banner-img video {
    width: 100%;
    height: 100px;
}

.manage-banner-section .banner-img img {
    object-fit: cover;
}

.manage-banner-section .removebtn {
    background-color: #ef4b4b;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
}

.manage-banner-section .show {
    display: block;
}

.manage-banner-section .hidden {
    display: none;
}

/* Company Register Signup */
.company-register-block {
    margin-bottom: 30px;
    cursor: pointer;
    padding: 0 10px;
    text-decoration: none;
    color: #000000;
}

.company-register-section {
    display: flex;
    padding: 0;
    max-width: 900px;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 30px auto 0 auto;
}

.company-register-card {
    padding: 20px 15px 50px 15px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0px 8px 0 rgb(0 0 0 / 20%);
    min-height: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    position: relative;
    overflow: hidden;
}

.company-register-card:hover {
    box-shadow: 0 0 13px 0 rgb(0 0 0 / 0.2), 0 0 0 2px #aaa inset;
}

.company-register-content {
    margin: 15px 0 0 0;
}

.company-register-card img {
    max-width: 100px;
    width: 100%;
}

.company-reg-title {
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 20px;
}

.company-reg-desc {
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}

.company-register-title {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    line-height: 43px;
    margin-bottom: 10px;
    padding: 0 10px;
}

.company-register-subtitle {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    padding: 0 10px;
}

.login-right .form-header h1 {
    width: 75%;
    font-size: 25px;
    color: #000;
    margin-bottom: 5px;
}

.form-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 28px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
}

.form-header .btn-hold input[type="submit"] {
    padding: 9px 22px 9px 22px;
}

.btn-hold input[type="button"] {
    background-color: black;
    border: none;
    outline: none;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 20px 6px 20px;
    cursor: pointer;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    font-family: var(--common_font);
}

.btn-hold input[type="button"] {
    font-size: 17px;
}

.company-register-card:after {
    content: '>';
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    background-color: #00a9b7;
    border-radius: 50% 0 0 0;
    right: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}


/* ------------------------------------------------------------
        22-04-2024
----------------------------------------------------*/
.invoice__right__side {
    width: calc(100% - 45px);
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: -ms-calc(100% - 45px);
    width: -o-calc(100% - 45px);
    display: flex;
    flex-direction: column;
    row-gap: 3px;
}
.inv-destination-data ul li .invoice__right__side p{
    font-weight: 500;
}
/* Company Register Signup End */
/*******************************/
@media screen and (max-width: 1600px) {
    .home-sec-pg-banner .banner-section-inner .banner-image-first {
        background-position: center left -323px;
    }

    .how-it-works-section.homepage-variant .how-it-works-right img {
        max-width: 47.5vw;
    }

    .article-section.reverse .article-section-left img {
        max-width: 100%;
        right: 0;
    }

    .banner-img-sec {
        left: 0px;
    }

    .home-sec-pg-banner-backimg::after {
        display: none
    }
}

@media screen and (max-width: 1400px) {
    .how-it-works-section.taxi-variant .how-it-works-right img {
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1258px) {
    ul.overview-detail li:nth-child(2) {
        width: auto;
    }

    .get_app_area-right {
        width: 41.666667%;
    }
}

@media screen and (max-width: 1279px) {
    .restaurant-caption-row span {
        width: 20%;
    }

    .categories-caption p {
        margin-bottom: 0px;
    }

    .intro-new-one {
        overflow: hidden;
    }

    .how-it-works-section.homepage-variant .how-it-works-section-inner {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .banner-section {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .banner-section-inner {
        min-height: unset;
        padding: 0;
        width: 100%;
    }

    .home-sec-pg-banner .categories-block {
        max-width: 50%;
        padding: 56px 48px;
    }

    .categories-caption {
        min-height: unset;
    }

    .services.homepage::before {
        display: none;
    }

    .banner-section.taxi-app .tab-row-holding {
        max-width: 100%;
        overflow-x: auto;
        border-bottom: 1px solid #e0e0e0;
        padding: 0 0;
        box-sizing: content-box;
    }

    .banner-section.taxi-app ul.tab-row {
        display: block;
        max-width: unset;
        white-space: nowrap;
        padding: 0 15px 0 15px;
    }

    ul.tab-row li.tab.mob {
        display: block;
        visibility: hidden;
    }

    .banner-section.taxi-app ul.tab-row li {
        margin: 0 15px;
        width: auto !important;
        min-width: unset;
        display: inline-flex;
    }

    .banner-section.taxi-app ul.tab-row li a {
        white-space: nowrap;
        display: flex;
    }

    .banner-section.taxi-app .tab-row-holding.sticky ul.tab-row {
        flex-wrap: nowrap;
        padding: 0;
        position: relative;
        box-shadow: none;
        max-width: 100%;
    }

    .banner-section.taxi-app .tab-row-holding.sticky {
        background-color: #fff;
        width: 100%;
    }

    .banner-section.taxi-app .tab-row-holding.sticky~.banner-section-inner {
        margin-top: 70px;
        min-height: initial;
    }

    /********************************/
    .app_image .image_first {
        position: absolute;
        left: 0;
        /*top: 80px;*/
    }

    /***********************************/
    .call-section.taxi-variant b,
    .call-section.taxi-variant p b {
        font-size: 60px;
    }

    .call-section.taxi-variant h3 {
        font-size: 40px;
    }

    /***************************************/
    .solution-image {
        height: 37vw;
    }

    .solutions-row.reverse {
        margin-top: -10vw;
    }

    .solutions-left {
        padding: 47px 50px 146px 0;
    }

    .solutions-row.reverse .solutions-left {
        padding: 116px 0 67px 50px;
    }

    /*****************************************/
    .features-right {
        padding: 74px 36px 0 170px;
    }

    .features ul li {
        width: 47%;
    }

    /************************/
    .profiletype-left {
        text-align: unset;
    }

    .profiletype-left p {
        max-width: 55%;
    }

    /**********************************/
    .inv-rating {
        margin-left: 70px;
    }

    table.dataTable.custom-table tbody td .vehicle_name {
        width: 60vw;
    }
}

@media screen and (min-width: 1280px) {
    .services.homepage {
        margin: 0px 0;
        padding: 40px 0 50px;
    }
}

@media screen and (max-width: 1119px) {
    .home-sec-pg-banner .banner-section-inner .banner-image-first {
        background-position: 30%;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }

    .banner-image-first.first-overlay::before {
        height: 100%;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }

    .home-sec-pg-banner .banner-both-img {
        position: relative;
        width: 100%;
    }

    .home-sec-pg-banner-backimg {
        top: 0px;
        bottom: auto;
        left: 50%;
        top: 50px;
    }

    .banner-img-sec {
        left: 0px;
    }

    .home-sec-pg-banner .banner-section-inner .banner-image-first {
        position: relative;
        height: 600px;
        width: 100%;
        border-radius: 0;
        background-position: left;
    }

    /* .banner-img-sec {
        position: absolute;
        bottom: auto;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
    } */
    .how-it-works-section.homepage-variant .how-it-works-section-inner {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .categories-caption {
        min-height: unset;
    }

    /**************************************/
    ul.tab-row li {
        margin: 0 30px;
    }

    ul.tab-row {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .banner-section-inner {
        min-height: unset;
        padding: 0;
        width: 100%;
    }

    .home-sec-pg-banner .categories-block {
        max-width: 100%;
    }

    .banner-section {
        display: flex;
        flex-direction: column-reverse;
        top: 0;
    }

    .banner-section.taxi-app {
        display: flex;
        flex-direction: column;
    }

    .tab-row-holding {
        max-width: 1119px;
        overflow-x: auto;
        border-bottom: 1px solid #e0e0e0;
    }

    /***************about page  stylesheet***********************/
    .article-image-inner {
        width: 520px;
        height: 589px;
    }

    .artical-right {
        width: calc(100% - 665px);
        width: -o-calc(100% - 665px);
        width: -ms-calc(100% - 665px);
        width: -moz-calc(100% - 665px);
        width: -webkit-calc(100% - 595px);
    }

    article.inverse .article-image:after {
        padding-right: 178px;
        border-top: 653px solid #fff;
    }

    /*************************************/
    .profile-column {
        width: 50%;
        margin-bottom: 20px;
        min-width: unset;
    }

    .general-form.profile_edit {
        margin-top: 0;
    }

    /******************************************/
    .ordernow-caption strong {
        font-size: 28px;
    }

    .ordernow-caption h4,
    .ordernow-caption h4 a {
        font-size: 42px;
    }

    table.dataTable.custom-table tbody td .vehicle_name {
        width: 50vw;
    }

    /********************************************/
    .inv-data {
        width: 280px;
    }

    .invoice-data-holder.track-order .inv-destination-data {
        width: -webkit-calc(100% - 375px);
    }

    /*********************************/
    .step-sec ul li {
        padding: 0 15px;
    }

    .step-sec ul {
        width: calc(100% + 30px);
        width: -o-calc(100% + 30px);
        width: -ms-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: -webkit-calc(100% + 30px);
    }

    .step-sec ul li strong {
        line-height: normal;
    }

    /**************************************/
    .services.homepage ul.services-listing li {
        width: 25%;
        margin-bottom: 30px;
    }

    .services.homepage ul.services-listing li img.sap-shape {
        display: none;
    }

    /**************************************/
    .signup-block a {
        font-size: 30px;
    }

    ul.tab-switch {
        gap: 12px;
    }
    ul.tab-switch li a {
        font-size: 16px;
        padding: 0 20px;
    }
    .get_app_content {
        gap: 20px;
    }
    .login-block-heading label {
        font-size: 35px;
    }

    .get_app_content .store_image {
        width: calc(23% - 10px);
        width: -webkit-calc(23% - 10px);
        width: -moz-calc(23% - 10px);
        width: -ms-calc(23% - 10px);
        width: -o-calc(23% - 10px);
    }

    .get_app_area-inner .section_title {
        margin: 0;
        max-width: inherit;
        width: calc(41% - 10px);
        width: -webkit-calc(41% - 10px);
        width: -moz-calc(41% - 10px);
        width: -ms-calc(41% - 10px);
        width: -o-calc(41% - 10px);
    }

    .get_app_content .section_title h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 1024px) {
    .restaurant-caption-row span {
        width: 10%;
    }

    .most-trusted-restaurants ul li {
        width: 50%;
    }

    ul.user-menu {
        overflow-y: auto;
    }

    .intro-new-one {
        overflow: hidden;
    }

    .how-it-works-section.homepage-variant .how-it-works-section-inner {
        flex-wrap: wrap;
    }

    /*.login-tabholder {
        overflow-x: auto;
        display: block;
        margin: 0 15px;
        overflow: hidden;
        text-align: center;
        width: 100%;
    }*/
    .banner-section.taxi-app .tab-row-holding {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }

    .banner-section.taxi-app .tab-row-holding.sticky~.banner-section-inner {
        margin-top: 70px;
    }

    ul.tab-row li {
        width: 98px;
    }

    /**************************************/
    .how-it-works-left {
        padding-right: 50px;
    }

    .how-it-works-right {
        width: 100%;
        justify-content: center;
    }

    .how-it-works-left {
        width: 100%;
        padding-right: 0;
    }

    .how-it-works-section-inner {
        flex-wrap: wrap;
    }

    .how-it-works-right img {
        margin-top: 0;
        max-width: 300px;
    }

    /***************************************/
    .safety-section-left {
        width: 100%;
    }

    .safety-section-right {
        width: 100%;
        padding: 30px;
        margin-bottom: 30px;
    }

    .safety-section-left img {
        max-width: 100%;
    }

    .call-section.taxi-variant.call-section-inner {
        flex-wrap: wrap;
    }

    .call-section.taxi-variant h3 {
        margin-top: 0;
    }

    .call-section.taxi-variant {
        padding: 40px 0 40px 0;
    }

    .call-section.taxi-variant b,
    .call-section.taxi-variant p b {
        font-size: 50px;
    }

    .call-section.taxi-variant h3 {
        font-size: 38px;
    }

    /**************************************/
    .get_app_content .slider_btn {
        font-size: 20px;
        margin-right: 15px;
    }

    .get_app_area-left {
        width: 52.333333%;
    }

    .get_app_area-right {
        width: 43.666667%;
    }

    .get_app_content .slider_btn.app_btn_two {
        margin: 0 8px 0 0;
    }

    /*************************/
    .favdest {
        background-attachment: unset;
        background-size: cover;
        background-position: center;
    }

    /*****************************/
    .solutions-left {
        padding: 47px 50px 96px 0;
    }

    /*********************************/
    .features-right {
        padding: 74px 0px 0 170px;
    }

    .features ul li strong {
        line-height: 24px;
    }

    .charters ul li {
        width: calc(50% - 36px);
        width: -o-calc(50% - 36px);
        width: -ms-calc(50% - 36px);
        width: -moz-calc(50% - 36px);
        width: -webkit-calc(50% - 36px);
    }

    /**************************************/
    .features.corporate ul li {
        margin: 0 15px 58px 15px;
        width: calc(50% - 64px);
        width: -o-calc(50% - 64px);
        width: -ms-calc(50% - 64px);
        width: -moz-calc(50% - 64px);
        width: -webkit-calc(50% - 30px);
    }

    .features.corporate ul {
        margin: 30px -15px 0 -15px;
    }

    /***********************/
    .profile-title {
        width: 427px;
        height: 230px;
    }

    .discount-block button {
        bottom: 2px;
    }

    /****************************/
    .profile-earning ul li,
    .profile-earning ul.doc-upload-listing li {
        width: 50%;
        margin-bottom: 20px;
    }

    .inv-destination-data ul li {
        width: 100%;
    }

    .profile-earning .inv-data ul li {
        margin-bottom: 0;
    }

    /***********************************/
    .benefits.food-variant ul li i {
        width: 100px;
    }

    .benefits.food-variant ul li {
        padding: 0 0 35px 118px;
    }

    /**************************************/
    .track-order-data ul li {
        width: 100%;
    }

    /*******************************************/
    .how-it-works-section.homepage-variant .how-it-works-left {
        width: 100%;
    }

    .how-it-works-section.homepage-variant .how-it-works-right {
        width: 100%;
    }

    .how-it-works-section.homepage-variant .how-it-works-right img {
        width: 100%;
        margin: 0 -29px 0 0;
        max-width: 100%;
    }

    #how-it-works.homepage-variant {
        padding: 45px 0 50px 0;
    }

    .how-it-works-section.homepage-variant h3 {
        margin-bottom: 40px;
    }

    [dir="rtl"] .how-it-works-section.homepage-variant .how-it-works-left {
        padding: 0;
    }

    /*******************************************/
    .download-section.homepage .download-caption {
        width: 65%;
    }

    /*******************************************/
    ul.tab-switch {
        display: flex;
        justify-content: center;
    }

    .common-inner-heading-section {
        padding: 30px 0 0 0;
    }

    .common-inner-heading-section~.bannermenu {
        padding-top: 30px;
    }

    ul.tab-switch li a {
        padding: 8px 16px;
    }

    .get_app_content .section_title h2 {
        font-size: 24px;
    }

    .banner-back,
    .banner-section.taxi-app .categories-block {
        width: 100%;
    }

    .banner-back {
        padding: 0;
        margin: 0;
        float: none;
        padding-bottom: 40px;
    }

    .banner-section.taxi-app .categories-block {
        display: block;
    }

    .banner-section.taxi-app {
        padding-top: 0px;
    }

    .how-it-works-section {
        padding: 30px 0 30px 0;
        background-color: #fff;
    }

    .head-area {
        margin-bottom: 0px;
    }
}

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

    .restaurant-caption-row span {
        width: 10%;
    }

    .signup-block {
        width: 49%;
    }

    .app-screens-block {
        width: 100%;
    }



    ul.tab-switch li.active a:after {
        display: none;
    }

    ul.tab-switch li a {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    /*****************horizontal title responsive***********************/
    .benefits .horizonatal-title h3,
    .howitworks .horizonatal-title h3,
    .delivery .horizonatal-title h3 {
        width: auto;
        padding: 0 0 0 0;
        margin-bottom: 20px;
    }

    .benefits .horizonatal-title,
    .howitworks .horizonatal-title,
    .delivery .horizonatal-title {
        flex-direction: column;
        align-items: center;
    }

    .benefits .horizonatal-title h3:after,
    .howitworks .horizonatal-title h3:after,
    .delivery .horizonatal-title h3:after {
        width: 63px;
        height: 4px;
        bottom: 0;
        top: auto;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }

    .benefits .horizonatal-title strong,
    .howitworks .horizonatal-title strong,
    .delivery .horizonatal-title strong {
        width: auto;
        text-align: center;
    }

    /***************************************/
    .how-it-works-section h3,
    .categories-caption h2,
    .safety-section h3,
    .download-section h3,
    .call-section h3,
    .benefits h3,
    .article-right h4,
    .call-section h3,
    .get_app_content .section_title h2,
    .call-section.taxi-variant h3,
    .benefits .horizonatal-title h3,
    .howitworks .horizonatal-title h3,
    .delivery .horizonatal-title h3,
    .fleet h3,
    .charters h3,
    .destination h3,
    .features h3,
    .solutions h3,
    .favdest h3,
    .profile-title h4,
    .article-section h3 {
        font-size: 35px;
        line-height: normal;
    }

    /*******************************************/
    .services ul li {
        width: 50%;
    }

    /*******************************************/
    .categories-caption h2 span {
        margin-top: 0;
    }

    /*******************************************/
    .header-left .logo {
        margin-right: 15px;
        padding: 10px 0 8px 20px;
    }

    .header-left ul li {
        margin-right: 10px;
    }

    /******************************/
    .signup-block a {
        font-size: 25px;
    }

    .signup-block a img {
        margin-left: 20px;
        width: 24px;
    }

    /***************************************/
    .safety-section h3 {
        margin-bottom: 25px;
    }

    /**************************************
                login page css
    **************************************/
    .login-block-heading {
        flex-direction: column;
        padding: 0;
    }

    ul.tab-switch {
        justify-content: center;
        margin: 0 0 10px 0;
    }

    .tabholder {
        height: auto;
        padding: 0;
        background-color: transparent;
    }

    .login-block-heading label {
        display: block;
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
        font-size: 32px;
    }

    .login-block-heading.forget_label label {
        margin-bottom: 0px;
        padding: 25px 0;
    }

    /* .login-left, */
    .login-left.for_reg,
    .login-right.full-width.full-width {
        width: 100%;
    }

    .login-left {
        width: 100%;
    }

    .login-right {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .login-data-inner {
        padding: 0 0 20px 0;
    }

    .login-caption {
        margin-top: 0;
    }

    .login-right h1 {
        font-size: 32px;
    }

    .login-caption strong {
        font-size: 25px;
    }
    .login-left img {
        margin: 0 auto;
        max-width: 40%;
        display: block;
        padding: 0 0 15px 0;
        border-bottom: 0;
    }

    /**********about page stylesheet***********/
    .article-inner,
    article.inverse .article-inner {
        flex-direction: column;
        align-items: center;
    }

    .artical-left {
        display: inline-block;
        width: auto;
    }

    .artical-right {
        width: auto;
    }

    .heading-area h1 {
        font-size: 40px;
    }

    .about-caption h3 {
        font-size: 26px;
    }

    .artical-right h4 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .heading-area-inner {
        height: 126px;
    }

    /****************************************/
    .contact-inner {
        flex-direction: column;
    }

    .contact-left {
        width: auto;
    }

    .contact-right {
        max-width: 100%;
        margin: 30px 0 0 0;
    }

    /*********************how it works section responsive**********************/
    .how-it-works-section.taxi-variant .how-it-works-left {
        max-width: 100%;
    }

    .how-it-works-section.taxi-variant .how-it-works-right {
        width: 100%;
    }

    .how-it-works-section.taxi-variant .how-it-works-right img {
        margin: 0 0 30px 0;
        max-width: 100%;
    }

    /***************************trip calculate section responsive*************************************/
    .safety-section.reversafetysec .safety-section-inner .safety-section-right,
    .page-section.reversafetysec .safety-section-inner .safetyImgHoldRide {
        width: 100%;
        padding: 30px;
        height: 57vw;
    }

    .safety-section.taxi-variant .safety-section-right {
        height: auto;
        width: 100%;
        margin: 0;
    }

    .safety-section.taxi-variant .safety-section-left {
        width: 100%;
        display: block;
    }

    .safety-section-inner {
        flex-direction: column-reverse;
    }

    .safety-section.taxi-variant .safty-image-hold {
        margin-bottom: 40px;
    }

    /***************** car type section responsive ******************/
    .cartype ul li {
        width: 50%;
        margin-bottom: 50px;
    }

    .cartype {
        padding: 34px 0 0px 0;
    }

    /***************** benefits section responsive ************************/
    .benefits-middle,
    .benefits-middle.data-middle {
        display: none;
    }

    .benefits-row {
        justify-content: space-between;
    }

    .benefits-left {
        width: calc(50% - 20px);
        width: -o-calc(50% - 20px);
        width: -ms-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
    }

    .benefits-right {
        width: calc(50% - 20px);
        width: -o-calc(50% - 20px);
        width: -ms-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
    }

    /*************get app section*********************/
    .get_app_area-inner {
        text-align: center;
    }

    .get_app_area-left,
    .get_app_area-right {
        width: 100%;
    }

    .get_app_area-left {
        border: none;
        padding-bottom: 20px;
    }

    .get_app_area-right {
        justify-content: center;
    }

    .slider_btn {
        width: auto;
        margin-right: 15px;
    }

    .app_image .image_first,
    .app_image .image_two {
        position: relative;
        margin: 0 15px;
        top: 0;
    }

    .app_image .image_first {
        /* margin-top: 50px;*/
    }

    .app_image .image_two img {
        animation: none;
    }

    .app_image .image_first img {
        animation: none;
    }

    .get_app_content {
        width: auto;
        max-width: 100%;
    }

    /***************article section responsive********************/
    .article-right h4 {
        margin-bottom: 20px;
    }

    .article-left,
    .article-row.invert .article-left {
        width: calc(100% - 60px);
        margin: 0 auto -30px auto;
    }

    .article-right,
    .article-row.invert .article-right {
        min-height: unset;
        width: 100%;
        padding: 70px 30px 30px 30px;
    }

    .article-mage {
        height: 48vw;
    }

    /**************** call section responsive ***********************/
    .call-section b {
        font-size: 55px;
    }

    /**************************************/
    .call-section p {
        font-size: 19px;
    }

    .call-section p {
        margin-bottom: 30px;
    }

    .call-section-left,
    .call-section.taxi-variant .call-section-left {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 0;
        padding: 0;
    }

    .call-section h3 {
        max-width: unset;
    }

    .call-section.taxi-variant:before {
        display: none;
    }

    .call-section.taxi-variant .call-section-image {
        height: 70vw;
    }

    .delivery-use {
        padding-top: 50px;
    }

    .gotop {
        right: 15px;
    }

    .gotop.active {
        bottom: 10px;
    }

    .call-section-right {
        max-width: 100%;
        width: 100%;
        margin-top: 30px;
    }

    .call-section.taxi-variant .call-section-right {
        max-width: 100%;
        width: 100%;
        margin-top: 0;
    }

    /***************** fleet section responsive *********************/
    .fleet ul li {
        width: 33.33%;
        margin-bottom: 50px;
    }

    .fleet {
        padding-bottom: 20px;
    }

    /*************** howitworks section responsive ***************/
    .howitworks ul li {
        max-width: unset;
        margin-bottom: 50px;
    }

    .howitworks ul {
        flex-direction: column;
        margin-top: 30px;
    }

    .howitworks ul li i:before {
        display: none;
    }

    .howitworks ul li i:after {
        display: none;
    }

    .howitworks ul:before {
        display: none;
    }

    .howitworks ul li strong,
    .howitworks ul li:nth-child(even) strong {
        margin: 25px 0 15px 0;
        white-space: normal;
    }

    .howitworks ul li:nth-child(even) {
        flex-direction: column;
    }

    .howitworks ul li p {
        margin-bottom: 0;
        height: auto;
    }

    .howitworks ul li:last-child,
    .howitworks ul li:nth-child(even) .works-caption {
        margin-bottom: 0;
    }

    .delivery-row {
        flex-direction: column;
        margin-bottom: 50px;
    }

    .delivery-right {
        width: 100%;
    }

    .delivery-left {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .delivery-row:after,
    .delivery-row.invert::after {
        right: 0;
        left: 0;
        top: 25%;
        bottom: 0;
        height: auto;
    }

    .delivery-block-caption,
    .delivery-row.invert .delivery-block-caption {
        padding: 30px 30px 30px 30px;
        min-height: unset;
        text-align: center;
    }

    .delivery-left button,
    .delivery-row.invert .delivery-left button {
        left: 50%;
        margin: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .delivery-left .delivery-image-block {
        height: 60vw;
    }

    .delivery-left button {
        display: none;
    }

    .delivery-block-caption h4 {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 10px;
    }

    .delivery-block-caption p:last-child {
        margin-bottom: 0;
    }

    /****************************************/
    .solutions-left {
        width: 100%;
        padding: 0;
        margin-bottom: 50px;
    }

    .solutions-right {
        width: 100%;
        padding: 0;
    }

    .solutions-row.reverse .solutions-left {
        padding: 0;
    }

    .solutions-row.reverse {
        margin: 0;
    }

    .solutions-row {
        margin: 0 0 50px 0;
    }

    .solutions-left h4 {
        font-size: 30px;
    }

    .solutions-left p {
        font-size: 18px;
        line-height: 30px;
    }

    .solution-image {
        height: 67vw;
    }

    /**********************************/
    .features {
        padding: 50px 0 0px 0;
        overflow: hidden;
        margin-top: 0;
    }

    .features-left {
        width: calc(100% - 60px);
        width: -o-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        margin: 0 auto -50px auto;
    }

    .features-right {
        padding: 110px 30px 0 30px;
        width: auto;
    }

    .features ul {
        width: 100%;
    }

    .features-main-image {
        height: 130vw;
    }

    /***********************************/
    .destination ul li {
        width: calc(50% - 30px);
        width: -o-calc(50% - 30px);
        width: -moz-calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
        padding: 0 15px;
    }

    .destination ul {
        justify-content: flex-start;
        width: auto;
    }

    /***********************************/
    .charters ul li {
        width: calc(50% - 30px);
        width: -o-calc(50% - 30px);
        width: -ms-calc(50% - 30px);
        width: -moz-calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
        padding: 0 15px;
    }

    .destination ul,
    .charters ul {
        justify-content: flex-start;
        width: auto;
    }

    /****************************************
    ========== corporate page css ========
    ******************************************/
    .benefits ul.listing-style li {
        width: 50%;
        border-style: none;
    }

    /****************************/
    .features.corporate .features-left {
        width: 100%;
        margin: 0;
    }

    .features.corporate#how-it-works {
        padding: 60px 0 0px 0;
    }

    .features.corporate .features-main-image {
        height: 120vw;
    }

    .features.corporate .features-right {
        width: 100%;
        padding: 35px 0 0 0;
    }

    /************************************************/
    .profiletype-inner {
        flex-direction: column;
        min-height: unset;
    }

    .profiletype-image {
        position: relative;
        width: 100%;
        height: 60vw;
    }

    .profiletype {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 0;
    }

    .profiletype-left {
        width: 100%;
    }

    .profile-title {
        margin: 0 auto 30px auto;
        height: auto;
        padding: 20px 40px;
        width: calc(100% - 60px);
        width: -o-calc(100% - 60px);
        width: -ms-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        box-sizing: border-box;
    }

    .profiletype-image {
        align-items: flex-end;
    }

    .profile-title h4 {
        padding: 0;
    }

    .profiletype-left p {
        width: 100%;
        padding: 15px 0;
    }

    .profiletype.reverse .profile-title {
        margin: 0 auto 30px auto;
        width: auto;
        width: calc(100% - 60px);
        width: -o-calc(100% - 60px);
        width: -ms-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
    }

    .profiletype.reverse .profiletype-left {
        direction: unset;
    }

    .profiletype-left p {
        width: 100%;
    }

    section.profiletype.reverse {
        margin-top: 50px;
    }

    /************************/
    .profiletype-left {
        text-align: center;
    }

    .profiletype-left p {
        max-width: 100%;
    }

    /*****************************************/
    .left-block {
        width: 100%;
    }

    .left-right {
        width: 100%;
        margin-top: 20px;
    }

    /*********************************************/
    .how-it-works-section.food-variant .how-it-works-left,
    .how-it-works-section.otherservice .how-it-works-left {
        max-width: 100%;
        width: 100%;
    }

    .how-it-works-section.food-variant .how-it-works-right,
    .how-it-works-section.otherservice .how-it-works-right {
        justify-content: center;
    }

    .how-it-works-section.food-variant ul li,
    .how-it-works-section.otherservice ul li {
        max-width: 100%;
    }

    /********************************************/
    .fleet.food-variant ul li {
        width: 50%;
        margin-bottom: 50px;
    }

    .ordernow-left {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    .ordernow-right {
        width: 100%;
    }

    /********************************/
    .benefits.food-variant ul li {
        width: 100%;
        min-height: initial;
    }

    .benefits.food-variant {
        padding: 50px 0 10px 0;
    }

    .benefits.food-variant ul li:nth-last-child(-n+2) {
        border-bottom: 1px solid #e9e9e9;
    }

    .benefits.food-variant ul li:last-child {
        border-bottom: none;
    }

    /*********************************/
    .restaurant ul {
        margin: 0 -15px;
        width: auto;
    }

    .restaurant ul li {
        width: 50%;
        padding: 0 15px;
    }

    .restaurant ul li:nth-child(even) {
        flex-direction: column;
    }

    .restaurant ul li .rest-caption:last-child {
        min-height: initial;
        padding: 30px 0 50px 0;
    }

    .rest-caption strong {
        margin-bottom: 5px;
    }

    .rest-caption strong {
        font-size: 22px;
    }

    table.dataTable.custom-table tbody td .vehicle_name {
        width: 30vw;
    }

    /***********************************/
    .step-sec ul li {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    .step-sec {
        padding: 39px 0 0px 0;
    }

    /*************************************/
    .dark-variant.benefits ul.listing-style li {
        width: calc(50% - 38px);
        box-sizing: border-box;
        margin-bottom: 75px;
    }

    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+4) {
        margin-bottom: 75px;
    }

    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+2) {
        margin-bottom: 0px;
    }

    .dark-variant.benefits ul.listing-style {
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .step-sec {
        margin-top: 0;
    }

    /*****************************************/
    .profile-earning ul.setings-list li {
        width: 50%;
    }

    .profile-earning ul.setings-list.has-four-column li {
        width: 33.33%;
    }

    /*****************************************/
    .gen-cms-page .faq-top-part ul li {
        width: calc(25% - 20px);
        width: -o-calc(25% - 20px);
        width: -ms-calc(25% - 20px);
        width: -moz-calc(25% - 20px);
        width: -webkit-calc(25% - 20px);
    }

    /***************************************/
    .download-section.homepage .download-caption {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .screens-row {
        margin: 30px 0 0 0;
        pointer-events: initial;
    }

    .footer-column .download-links {
        margin: 20px 0 0 0;
    }

    .download-links {
        margin: 20px 0 0 0;
        display: flex;
        flex-wrap: wrap;
        width: auto;
        gap: 15px;
    }

    .footer-column .download-links a,
    .download-links a {
        margin: 0;
        padding: 0;
    }

    .download-links a {
        display: inline-block;
        padding: 0 10px;
    }

    .login-left img {
        max-width: 80%;
    }

    .app-screens-block {
        width: 100%;
    }

    .app-screen-col {
        width: 33.33%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .app-screen-col img {
        max-width: 100%;
    }

    .download-section p {
        max-width: 100%;
    }

    /***************************************/
    .services.homepage ul li {
        width: 50%;
    }

    .services.homepage .services-images {
        min-height: 200px;
    }

    /***************************************/
    .article-section-left,
    .article-section-right {
        width: 100%;
    }

    .article-section-left,
    .article-section.reverse .article-section-left {
        margin-bottom: 30px;
        text-align: center;
    }

    .article-section-left img,
    [dir="rtl"] .article-section-left img {
        margin: 0;
        max-width: 100%;
    }

    .article-section.reverse .article-section-left img,
    [dir="rtl"] .article-section.reverse .article-section-left img {
        right: 0;
        max-width: 100%;
    }

    .article-section h3 {
        margin-bottom: 20px;
    }

    /***************************************/
    .general-form .form-group.half.media_full {
        width: 100%;
    }

    .login-right form .form-group label {
        /* margin-top: -12px;*/
    }

    .error,
    .captcha-column span.error,
    .Iserror,
    .help-block.error {
        bottom: 0;
        position: relative;
        display: inline-flex;
        left: 0;
    }

    #remember-me-error {
        bottom: -20px;
        left: 0;
        display: block;
        position: absolute;
    }

    /* ================================================= */


    .safety-section.taxi-variant .safety-section-right form.gen-from {
        max-width: 100%;
        padding-right: 0;
    }

    /* ================================================= */
    .banner-section.taxi-app .banner-back .banner-image::before,
    .banner-section.taxi-app .banner-back .banner-image::after,
    .safty-image-hold::before,
    .safty-image-hold::after,
    .ordernow-left::before,
    .ordernow-left::after {
        display: none;
    }

    .safety-section.taxi-variant {
        overflow: inherit;
        padding: 30px 0;
    }

    .banner-section.taxi-app {
        overflow: inherit;
        /* padding-top: 30px; */
        padding-bottom: 30px;
    }

    .ordernow {
        padding: 45px 0 50px 0;
        overflow: inherit;
    }

    #how-it-works {
        margin-top: 0px;
    }

    .safety-section.taxi-variant {
        padding: 0px 0;
    }

    .get_app_area {
        padding: 10px 0 20px 0;
    }

    .login-tabholder {
        overflow-x: auto;
        display: block;
        margin: 0 15px;
        overflow: hidden;
        text-align: center;
        width: 100%;
    }

    .gen-cms-page {
        padding: 40px 0;
    }

    .gen-cms-page h2.header-page,
    .common-inner-heading {
        padding-bottom: 25px;
        margin-bottom: 20px;
    }

    .contact-section {
        padding: 30px 0 50px 0;
    }

    .banner-shape {
        display: none;
    }

    .get_app_content {
        justify-content: center;
    }

    .get_app_area-inner .section_title {
        width: 100%;
    }

    .get_app_content .line {
        display: none;
    }

    .get_app_content .store_image {
        width: 250px;
    }
    .login-inner,
    .login-block{
        min-height: inherit;
    }
}

@media screen and (min-height: 1024px) {
    .booking-block.userfare ul.stepper.linear {
        height: 550px !important;
    }

    #add_booking_form>.form-group {
        height: calc(100vh - 122px);
        height: -o-calc(100vh - 122px);
        height: -ms-calc(100vh - 122px);
        height: -moz-calc(100vh - 122px);
        height: -webkit-calc(100vh - 122px);
    }
}

@media screen and (min-width: 768px) {
    .app-screens-block {
        width: 100%;
    }

    .signup-block {
        width: 46%;
    }

    .intro-new-one {
        overflow: hidden;
    }

    ul.user-menu li.for_mob {
        display: none;
    }

    .profile-column {
        padding-right: 0px;
    }

}

@media screen and (max-width: 767px) {
    .restaurant-caption-row span {
        width: 15%;
    }

    .services.homepage {
        margin: 0px;
        padding: 30px 0 0;
    }

    .signup-block {
        width: 49%;
    }

    .intro-new-one {
        overflow: hidden;
    }

    .custom-modal-main {
        align-items: flex-start;
        overflow-y: auto;
    }

    .banner-section.taxi-app .tab-row-holding.sticky~.banner-section-inner {
        margin-top: 53px;
    }

    /****************************/
    .how-it-works-section h3,
    .categories-caption h2,
    .safety-section h3,
    .download-section h3,
    .call-section h3,
    .step-sec .step-sec-inner>h3 {
        font-size: 28px;
        line-height: normal;
    }

    .safety-section h3 {
        margin-bottom: 20px;
    }

    .how-it-works-section.taxi-variant .how-it-works-left li strong {
        font-size: 18px;
    }

    .how-it-works-section.taxi-variant ul li .proc_ico {
        width: 38px;
    }

    .how-it-works-section.taxi-variant ul li {
        padding-left: 60px;
    }

    .how-it-works-section.taxi-variant .how-it-works-left strong {
        font-size: 16px;
    }

    .how-it-works-section ul li span {
        font-size: 14px;
    }

    /****************************/
    /**************************************/
    ul.tab-row li {
        margin: 0 25px;
        min-width: unset;
        width: 98px;
    }

    ul.tab-row li img {
        max-height: 20px;
        margin-bottom: 9px;
    }

    ul.tab-row.homepage li img {
        margin-bottom: 19px;
    }

    /**************************************/
    .download-section {
        background-size: cover;
        padding: 32px 0 40px 0;
    }

    .download-section strong {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .download-section p strong {
        font-size: 18px;
    }

    /* .download-section p {
        font-size: 16px;
    } */
    .download-section h3 {
        margin-bottom: 0;
    }

    /**************************************/
    .signup-block {
        width: 100%;
        justify-content: center;
        min-height: 90px;
    }

    .signup-row-inner {
        flex-wrap: wrap;
    }

    .signup-block.rider {
        justify-content: center;
    }

    .signup-block.driver:after {
        left: 0;
        height: 1px;
        width: 100%;
        top: auto;
        bottom: 0;
    }

    .signup-block a {
        font-size: 25px;
        width: 100%;
        justify-content: space-between;
    }

    /**************************************/
    .safety-section-right {
        padding: 15px;
        text-align: center;
    }

    /**************************************/
    .footer-column {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer-top {
        padding-bottom: 0;
    }

    .footer-bottom .footer-inner ul.quicklinks {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }

    .footer-bottom .footer-inner span {
        text-align: center;
    }

    .footer-bottom .footer-inner {
        justify-content: center;
    }

    ul.social-media-list {
        border: none;
        margin-top: 0;
    }

    .footer-bottom ul.quicklinks li:nth-child(2) {
        margin: 0 20px;
    }

    /**************************************
                login page css
    **************************************/
    .login-block-footer.for-registration .login-caption {
        margin-bottom: 0;
    }
    .slick-track {
        display: block;
    }

    ul.tab-switch li a {
        display: block;
        line-height: 38px;
        text-align: center;
        outline: none;
        height: auto;
    }

    ul.tab-switch li {
        display: inline-block;
    }

    .tabholder {
        overflow-x: auto;
        display: block;
        margin: 0;
        overflow: hidden;
        text-align: center;
    }

    .login-block {
        border: none;
    }

    ul.tab-switch button {
        border: none;
        background-color: #000;
        border-radius: 4px;
        font-size: 0;
        width: 40px;
        height: 40px;
        outline: none;
        background-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
    }

    ul.tab-switch button.slick-prev {
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(../../../img/apptype/ProXJ/left-arrow.svg);
    }

    ul.tab-switch button.slick-next {
        right: 0;
        left: auto;
        position: absolute;
        top: 0;
        background-image: url(../../../img/apptype/ProXJ/right-arrow_.svg);
    }

    .login-right h1 {
        font-size: 28px;
        margin-bottom: 22px;
    }

    .form-err p {
        padding: 7px 25px 7px 10px;
        line-height: 22px;
    }

    /************resgiter page cust css*******************/
    .login-right.full-width form .form-group.onethird {
        width: calc(50% - 16px);
        width: -o-calc(50% - 16px);
        width: -ms-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: -webkit-calc(50% - 16px);
        margin: 0 8px 20px 8px;
    }

    .login-right.full-width form .form-group.half,
    .contact-section form .form-group.half,
    .general-form .form-group.half {
        width: calc(50% - 16px);
        width: -o-calc(50% - 16px);
        width: -ms-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: -webkit-calc(50% - 16px);
    }

    .general-form .half-column {
        width: calc(50% - 16px);
        width: -o-calc(50% - 16px);
        width: -ms-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: -webkit-calc(50% - 16px);
    }

    .general-form .form-group.onethird {
        width: calc(33.33% - 16px);
        width: -o-calc(33.33% - 16px);
        width: -ms-calc(33.33% - 16px);
        width: -moz-calc(33.33% - 16px);
        width: -webkit-calc(33.33% - 16px);
    }

    .login-block-footer.for-registration .login-caption ul li {
        width: 100%;
    }

    /**********************************/
    .artical-links-row a {
        margin-right: 35px;
    }

    article.blog-article {
        padding: 50px 0 30px 0;
    }

    /************************************
    ========taxi app page css =======
    ************************************/
    .services strong,
    .benefits .benefits-inner>strong,
    .cartype .cartype-inner>strong,
    .cartype .cartype-inner>p>strong,
    .benefits .benefits-inner>strong,
    .fleet .fleet-inner>strong,
    .delivery .horizonatal-title strong {
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
    }

    .services h3,
    .benefits h3,
    .cartype h3,
    .benefits h3,
    .article-right h4,
    .call-section h3,
    .get_app_content .section_title h2,
    .benefits .horizonatal-title h3,
    .howitworks .horizonatal-title h3,
    .delivery .horizonatal-title h3,
    .fleet h3,
    .charters h3,
    .destination h3,
    .features h3,
    .solutions h3,
    .favdest h3,
    .profile-title h4,
    .thanks-holder h2,
    .restaurant h3,
    .step-sec .step-sec-inner>h3,
    .article-section h3 {
        font-size: 32px;
    }

    /**************benefits dsection responsive***********************/
    .benefits-left {
        width: 100%;
    }

    .benefits-right {
        width: 100%;
    }

    .benefits-left ul li,
    .benefits-right ul li {
        padding: 4px 0 0 0;
        text-align: center;
        margin-bottom: 50px;
    }

    .benefits ul li i,
    .benefits .benefits-right ul li i {
        position: relative;
        display: inline-flex;
        margin-bottom: 25px;
    }

    .benefits.corporate ul li i {
        margin-bottom: 0px;
    }

    /**************** call section responsive ***********************/
    .call-section b {
        font-size: 38px;
    }

    /*************** fare section responsive ****************************/
    .safety-section.taxi-variant .safety-section-right {
        text-align: left;
    }

    /**************get app section responsive****************************/
    .get_app_content .slider_btn {
        font-size: 18px;
        padding: 10px 18px;
        margin-bottom: 20px;
        min-width: 204px;
    }

    .get_app_content .slider_btn img {
        width: 25px;
    }

    .get_app_content .slider_btn.app_btn_two {
        margin-left: 10px;
    }

    /*************************************/
    .article-right p {
        color: #404040;
        font-size: 19px;
        line-height: 30px;
    }

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

    /*******************************************/
    .services ul li .service-block {
        padding: 20px 15px;
    }

    /**********************************/
    .delivery-block-caption,
    .delivery-row.invert .delivery-block-caption {
        padding: 30px 15px 15px 15px;
        min-height: unset;
    }

    /***************************/
    .solutions-left h4 {
        font-size: 25px;
    }

    /***************************************/
    .destination ul li {
        width: 100%;
        padding: 0;
    }

    .destination-caption strong {
        font-size: 19px;
    }

    .destination-caption span {
        font-size: 15px;
    }

    /***************************************/
    .charters ul li {
        width: 100%;
        padding: 0;
    }

    .charters-caption strong {
        font-size: 19px;
    }

    .charters-caption span {
        font-size: 15px;
    }

    .profiletype-left p {
        width: 100%;
        font-size: 15px;
        line-height: 26px;
    }

    .profile-title {
        padding: 20px;
    }

    /*****************************************/
    #booking-map {
        position: fixed;
        height: 350px;
        top: 0;
        width: 100%;
    }

    .booking-request {
        padding: 0;
    }

    .booking-block {
        width: 100%;
    }

    .booking-request-inner {
        padding: 0;
        margin-top: 0;
        width: 100%;
    }

    ul.stepper.linear,
    .booking-block.userfare ul.stepper.linear {
        height: auto;
    }

    #map-canvas {
        position: relative !important;
        height: 500px !important;
    }

    #map-canvas.map-canvasnew {
        height: 303px !important;
    }

    /*****************************/
    .invoice-data-holder {
        flex-direction: column;
    }

    .inv-rating {
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
    }

    ul.overview-detail li {
        width: 50%;
    }

    ul.overview-detail li .overview-data {
        border-width: 0 1px 1px 0;
    }

    ul.overview-detail {
        border-style: solid;
        border-width: 1px 0 0 1px;
        border-color: #d7d7d7;
    }

    /**************************************/
    .how-it-works-section.food-variant ul li .proc_ico,
    .how-it-works-section.otherservice ul li .proc_ico {
        width: 70px;
    }

    .how-it-works-section.taxi-variant ul li {
        padding: 0 0 0 95px;
    }

    .how-it-works-section.food-variant ul li .proc_ico,
    .how-it-works-section.otherservice ul li .proc_ico {
        padding: 5px;
    }

    .how-it-works-section.taxi-variant .how-it-works-left li strong {
        padding-top: 0;
    }

    /*************************************/
    .ordernow-caption strong {
        font-size: 25px;
    }

    .ordernow-caption h4,
    .ordernow-caption h4 a {
        font-size: 38px;
        line-height: normal;
        margin-bottom: 20px;
    }

    /***********************************/
    .benefits.food-variant ul li {
        padding: 0 0 35px 0;
        text-align: center;
    }

    /*****************************/
    .restaurant ul li {
        width: 100%;
        padding: 0 15px;
    }

    .rest-caption {
        min-height: 80vw;
    }

    /*****************************/
    .contact-information {
        padding: 25px;
    }

    .contact-inform-block strong {
        font-size: 22px;
    }

    .contact-inform-block b span {
        font-size: 35px;
    }

    .contact-inform-block b .tell-info {
        font-size: 28px;
    }

    /********************************************/
    .invoice-data-holder .inv-destination-data ul {
        padding: 0;
    }

    .inv-data {
        width: calc(100% - 115px);
        width: -o-calc(100% - 115px);
        width: -ms-calc(100% - 115px);
        width: -moz-calc(100% - 115px);
        width: -webkit-calc(100% - 115px);
    }

    .invoice-data-holder.track-order .inv-destination-data {
        width: 100%;
        box-sizing: border-box;
        margin: 30px 0 0 0;
        padding: 0;
        border-style: solid;
        border-color: #eee;
        border-width: 1px 0 0 0;
        padding-top: 30px;
    }

    .invoice-data-holder.track-order {
        padding: 25px 20px 25px 20px;
    }

    .inv-data {
        width: 100%;
    }

    .inv-data.profile-image-blank {
        margin: 0;
    }

    .thanks-holder img {
        width: 150px;
    }

    /***************************************************/
    .invoice-part-bottom [class*="col-sm-"] {
        width: 100%;
        margin-bottom: 20px;
    }

    .invoice-part-bottom [class*="col-sm-"]:nth-last-child(-n+2) {
        margin-bottom: 20px;
    }

    .invoice-part-bottom [class*="col-sm-"]:last-child {
        margin-bottom: 0;
    }

    .profile-earning ul.recipient_details li:last-child {
        padding-bottom: 15px;
    }

    /**********************************************/
    .dark-variant.benefits ul.listing-style li {
        width: 100%;
        padding: 0 0 25px 0;
        height: auto !important;
        margin: 0 0 75px 0;
    }

    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+2) {
        margin: 0 0 75px 0;
    }

    .dark-variant.benefits ul.listing-style li:last-child {
        margin-bottom: 0px;
    }

    .step-sec ul li strong {
        margin: 10px 0;
    }

    .card-block .partation {
        width: 100%;
        margin: 0;
    }

    /***************************************/
    .bootbox.modal {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0;
    }

    .bootbox.modal.fade {
        top: -100px;
    }

    .bootbox.modal.fade.in {
        top: 20px;
    }

    /*****************************************/
    .gen-cms-page .faq-top-part ul li {
        width: calc(50% - 20px);
        width: -o-calc(50% - 20px);
        width: -ms-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
    }

    .faq-bottom-part ul li span h3,
    .faq-bottom-part ul li b {
        font-size: 18px;
    }

    /*****************************************/
    .reset-pass-left,
    .reset-pass-right {
        width: 100%;
        padding: 0;
    }

    .reset-pass-right {
        padding: 30px 0 0 0;
    }



    .company-register-block {
        width: 50% !important;
    }

    .company-register-title {
        font-size: 26px;
        line-height: 36px;
    }

    .company-register-subtitle {
        font-size: 16px;
    }

    .login-caption ul li {
        text-align: justify;
    }

    .login-block-heading-inner {
        padding: 30px 15px 0 15px;
    }


}

@media screen and (max-width: 630px) {
    .restaurant-caption-row span {
        width: 10%;
    }

    .most-trusted-restaurants ul li {
        width: 100%;
    }

    .services.homepage {
        padding: 50px 0;
        margin: 0px;
    }
    ul.tab-switch{gap: 10px;margin: 0 0 20px 0;}
    ul.tab-switch li.active a:after {
        display: none;
    }
    ul.tab-switch li {
        display: block;
        margin: 0 2px;
        width: 100%;
    }
    ul.tab-switch li a {
        border-radius: 5px;
        padding: 4px 16px;
    }

    /*******************************************/
    .services ul li {
        width: 100%;
    }

    .services h3,
    .benefits h3 {
        font-size: 30px;
    }

    /*******************************************/
    .article-image-inner {
        width: 100%;
        height: 100vw;
    }

    .article-image:after {
        display: none;
    }

    [dir="rtl"] .article-image::after {
        display: none;
    }

    .artical-right h4 {
        font-size: 26px;
    }

    .article-image {
        padding: 20px;
    }

    article {
        margin-bottom: 30px;
    }

    .artical-left {
        width: 100%;
    }

    /********************contact page stylesheet***********************/
    .cont-det-block ul li a {
        font-size: 15px;
    }

    .cont-det-block ul li {
        margin-bottom: 15px;
    }

    /***************** car type section responsive ******************/
    .cartype ul li {
        width: 100%;
    }

    /***************** fleet section responsive *********************/
    .fleet ul li {
        width: 50%;
        margin-bottom: 30px;
    }

    .fleet {
        padding-bottom: 20px;
    }

    /**************************/
    .features ul li {
        width: 100%;
        margin-bottom: 45px;
    }

    /****************************************
    ========== corporate page css ========
    ******************************************/
    .benefits ul.listing-style li {
        width: 100%;
        border-style: none;
    }

    .features.corporate ul {
        margin: 35px 0 0 0;
    }

    .features.corporate ul li {
        margin: 0 0 40px 0;
        width: 100%;
    }

    /*************************/
    .profiletype.reverse .profile-title,
    .profile-title {
        margin: 0 auto 15px auto;
        width: auto;
        width: calc(100% - 30px);
        width: -o-calc(100% - 30px);
        width: -ms-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
    }

    /*****************************/
    .profile-column {
        width: 100%;
        padding-right: 0px;
    }

    /* .profile-block .profile-caption-header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    } */
    .profile-block .profile-caption-header label {
        margin-bottom: 10px;
    }

    /*****************************************/
    .profile-earning ul.setings-list li {
        width: 100%;
    }

    .profile-earning ul.setings-list.has-four-column li {
        width: 50%;
        padding: 0 10px;
    }

    /*****************************************/
    /******************************************/
    .how-it-works-section.homepage-variant ul li img {
        max-width: 40px;
        max-height: 40px;
    }

    .how-it-works-section.homepage-variant ul li {
        padding: 0 0 0 50px;
    }

    .banner-section.taxi-app .categories-caption h2,
    .safety-section.taxi-variant h3,
    .how-it-works-section.taxi-variant h3 {
        font-size: 26px;
        line-height: 34px;
    }

    .common-inner-heading-section {
        padding: 30px 0 0 0;
    }

    /* .banner-section.taxi-app{
        padding-top: 30px;
    } */
    .safety-section.taxi-variant {
        padding-bottom: 0;
    }

    .safety-section.taxi-variant {
        padding: 30px 0 0 0;
    }

    .ordernow {
        padding: 0px 0 30px 0;
    }

    .get_app_area {
        padding: 20px 0;
    }

    .head-area {
        margin-bottom: 0px;
    }

    #how-it-works {
        margin-top: 0px;
    }

    /* #how-it-works {
        margin: 30px 0;
    } */
    .gen-cms-page {
        padding: 30px 0;
    }

    .contact-section {
        padding: 30px 0 30px 0;
    }

    .get_app_content .section_title h2 {
        font-size: 25px;
        line-height: 1.2em;
    }

    .how-it-works-section {
        padding: 30px 0 30px 0;
    }

    .deliver-address input {
        padding: 0 50px 0 30px;
    }

    .deliver-address:before {
        left: 9px;
    }

    .detect-loc {
        width: 32px;
    }

    .login-right.full-width form .form-group.onethird,
    .login-right.full-width form .form-group.half,
    .contact-section form .form-group.half,
    .general-form .form-group.half,
    .general-form .half-column {
        width: 100%;
        padding: 0;
    }

    .gen-cms-page p {
        text-align: justify;
    }

    .gen-cms-page h2.header-page,
    .common-inner-heading {
        padding-bottom: 15px;
        margin-bottom: 10px;
        font-size: 30px;
    }
}

@media screen and (max-width: 530px) {
    .services.homepage {
        padding: 0px;
        margin: 0px;
    }

    .place-holder-icon {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    /************resgiter page cust css*******************/
    .login-right.full-width form .form-group {
        width: 100%;
        padding: 0;
    }

    .get_app_content .slider_btn.app_btn_two {
        margin-left: 0;
    }

    /**********************************/
    .profile-block {
        width: 100%;
    }

    .profile-image,
    [dir="rtl"] .profile-image {
        margin: 0 auto;
    }

    .profile-earning ul li,
    .profile-earning ul.doc-upload-listing li {
        text-align: center;
        width: 100%;
        padding: 0;
    }

    .profile-earning ul {
        margin: 0;
    }

    /********************************/
    .inv-data {
        width: calc(100% - 72px);
        width: -o-calc(100% - 72px);
        width: -ms-calc(100% - 72px);
        width: -moz-calc(100% - 72px);
        width: -webkit-calc(100% - 72px);
    }

    .inv-destination-data ul li {
        text-align: unset;
        /*padding: 0 0 0 28px;*/
    }

    ul.overview-detail li {
        width: 100%;
    }

    ul.overview-detail li .overview-data {
        border-width: 0 1px 1px 0;
    }

    ul.overview-detail {
        border-style: solid;
        border-width: 1px 0 0 1px;
        border-color: #d7d7d7;
    }

    /***********************************/
    .fleet.food-variant ul li {
        width: 100%;
    }

    /***************************************/
    .track-order-data ul li {
        text-align: initial;
        padding: 0px 0 0 48px;
    }

    .track-order-data ul {
        margin: 0 0 0 45px;
    }

    .invoice-data-holder.track-order {
        padding: 25px 20px 25px 20px;
    }

    .profile-earning .inv-data ul li span {
        text-align: initial;
    }

    .profile-earning ul.recipient_details li span {
        text-align: initial;
    }

    /**************************************/
    .reset-pass-left .newrow.reset-password-img {
        text-align: center;
    }

    .reset-pass-right .button-block {
        justify-content: center;
    }

    [dir="rtl"] .reset-pass-left {
        padding: 0 0 0 0;
    }

    /******************************************/
    .app-screen-col {
        width: 100%;
    }

    .app-screen-col:last-child {
        display: none;
    }

    /******************************************/
    .company-register-block {
        width: 100% !important;
    }

    .company-register-title {
        font-size: 22px;
        line-height: 28px;
    }

    .company-register-subtitle {
        font-size: 15px;
    }


    .termsfeed-com---nb-simple {
        max-width: 90% !important;
    }

    .get_app_content .store_image {
        width: calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: -ms-calc(50% - 10px);
        width: -o-calc(50% - 10px);
    }
}

@media screen and (max-width: 480px) {
    .restaurant-caption-row span {
        width: 10%;
    }

    .signup-block a:hover img {
        right: 13px;
    }

    .services.homepage {
        padding: 0px;
        margin: 0px;
    }

    /**********************/
    .safety-section h3 {
        margin-bottom: 15px;
    }

    /**********************/
    .call-section h3,
    .call-section.taxi-variant h3 {
        margin-bottom: 15px;
    }

    /**********************/
    .how-it-works-section h3 {
        margin-bottom: 25px;
    }

    /**********************/
    .how-it-works-right img {
        margin-top: 0;
        max-width: 260px;
    }

    .signup-block a {
        font-size: 20px;
    }

    .signup-block a img {
        width: 20px;
    }

    .safety-section p,
    .call-section p,
    .categories-caption p,
    .call-section.taxi-variant p {
        line-height: normal;
        font-size: 15px;
    }

    /**************************************
                login page css
    **************************************/
    .soc-login-row {
        flex-direction: column;
        margin-top: 20px;
    }

    .soc-login-row label {
        margin-bottom: 15px;
    }

    .captcha-column span {
        font-size: 12px;
    }

    .captcha-column img {
        width: 80px;
    }

    /*************call section********************/
    .call-section.taxi-variant b,
    .call-section.taxi-variant p b {
        font-size: 35px;
        margin-bottom: 30px;
    }

    .call-section.taxi-variant h3 {
        font-size: 27px;
    }

    /***************** fleet section responsive *********************/
    .fleet ul li {
        width: 100%;
        margin-bottom: 50px;
        padding: 0;
    }

    .fleet {
        padding-bottom: 20px;
    }

    /******************************/
    .booking-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    .booking-heading label {
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }

    .booking-heading select {
        min-width: unset;
        width: 100%;
        padding: 0 28px 0 14px;
    }

    /*****************************/
    .inv-data {
        width: 100%;
    }

    .inv-rating {
        margin-left: 0;
    }

    /******************************/
    .profile-earning ul.setings-list.has-four-column li {
        width: 100%;
        padding: 0 10px;
    }

    /**********************************/
    .filters-column.mobile-full {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .filters-column.mobile-half {
        margin: 0 0 20px 0;
        width: calc(50% - 10px);
    }

    .filter-form {
        justify-content: space-between;
    }

    .filter-form input {
        width: 100%;
    }

    .button-block.oppData ul.value-listing {
        width: 100%;
        margin-bottom: 10px;
    }

    /*****************************************/
    .faq-top-part ul {
        width: 100%;
    }

    .gen-cms-page .faq-top-part ul li {
        width: 100%;
    }

    .detect-loc {
        /* top: 15px;*/
        width: 30px;
        right: 75px;
    }
    .btn-hold .book-btn {
        font-size: 14px;
        padding: 15.5px 15px 15.5px 15px;
    }
    .btn-hold input[type="submit"], .btn-hold #sendOTP {
        font-size: 14px;
        padding: 12px 50px 12px 15px;
    }
    .safety-section.taxi-variant .safety-section-right form.gen-from {
        padding-left: 38px;
    }

    .button-block {
        row-gap: 10px;
    }

    .banner-back {
        padding-bottom: 20px;
    }
    form.gen-from .form-group.pickup-location:before {
        left: -40px;
    }
    form.gen-from .form-group.drop-location:after {
        left: -32px;
    }
    form.gen-from .form-group.drop-location:before {
        left: -39px;
    }

}

@media screen and (min-width: 1921px) {
    #wrapper.dashboard {
        max-width: 1920px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    }

    .how-it-works-section.homepage-variant .how-it-works-right img {
        max-width: 890px;
    }

    .banner-section-inner:after {
        content: '';
        clear: both;
        display: block;
    }

    .home-sec-pg-banner .banner-both-img {
        width: 980px;
    }
}

@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
    .services ul {
        width: calc(100% + 30px);
        width: -o-calc(100% + 30px);
        width: -ms-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: -webkit-calc(100% + 30px);
    }
}

.login-caption1 ul li {
    font-size: 16px;
    color: #000;
    padding: 0 0 8px 30px;
    position: relative;
    margin-bottom: 8px;
    line-height: normal;
}

.login-caption1 ul li:before {
    content: '';
    width: 16px;
    height: 15px;
    background-image: url(../../../img/apptype/ProXJ/mark.svg);
    position: absolute;
    left: 0;
    top: 7px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

/*CSS By PJ */
.reqDocs .profile-earning-inner h2 {
    font-size: 1.5em;
    margin: 10px 0 35px 0;
}

.page-contant-inner.address-holder {
    background: #dfdfdf;
    padding: 1%;
}

.page-contant-inner.address-holder a {
    color: #222;
}

.page-contant-inner.address-holder select {
    padding: 5px;
    margin-right: 5px;
}

/* End CSS By PJ */
.gen-btn.xs-small-btn {
    font-size: 13px;
    padding: 10px 15px;
}

.booking-request .general-form .form-group select {
    padding: 14px 26px 15px 16px;
}

.clearfix {
    width: 100%;
    display: block;
    clear: both;
}

/* tooltip */
.tooltip-new {
    position: relative;
    display: inline-block;
    color: #f1f1f1;
}

.tooltip-new .tooltiptext-new {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    line-height: 17px;
}

.tooltip-new .tooltiptext-new::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-new:hover .tooltiptext-new {
    visibility: visible;
    opacity: 1;
}

.payment-delivery-tip .radio-toolbar input[type="radio"] {
    display: none;
}

.payment-delivery-tip .radio-toolbar .tip-amount-block,
.payment-delivery-tip .radio-toolbar .tip-amount-block-input {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
}

.payment-delivery-tip .radio-toolbar .tip-amount-block-input div {
    position: relative;
    display: inline-block;
}

.payment-delivery-tip .radio-toolbar div:last-child {
    margin: 0
}

.payment-delivery-tip .radio-toolbar label {
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    transition-duration: 0.3s;
    cursor: pointer;
    background-color: white;
    color: black;
    border: 2px solid #4CAF50;
}

.payment-delivery-tip .radio-toolbar label span {
    font-size: 13px
}

.payment-delivery-tip .radio-toolbar input[type="radio"]:checked+label {
    background-color: #4CAF50;
    color: white;
    padding-right: 40px
}

.payment-delivery-tip .radio-toolbar input[type="text"] {
    border: 2px solid #ffffff;
    border-bottom: 2px solid #4CAF50;
    background: #ffffff !important;
    font-size: 18px;
    outline: none !important;
    padding: 12px 10px;
}

.payment-delivery-tip .radio-toolbar .tip-currency {
    width: 60px;
    border-right: 0;
    padding: 0 10px;
}

.payment-delivery-tip .radio-toolbar .tip-amount-input {
    margin-left: -5px;
    border-left: 0 !important;
    padding-right: 30px !important;
    max-width: 200px;
}

.payment-delivery-tip .radio-toolbar button {
    background-color: #4CAF50;
    border: 1px solid #4caf50;
    text-transform: capitalize;
    outline: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 30px;
    margin-left: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-appearance: none;
    cursor: pointer;
}

.payment-delivery-tip .radio-toolbar button:hover {
    background-color: #19973b;
}

.payment-delivery-tip .tip-amount-block-input .remove-tip-amount {
    width: 20px;
    position: absolute;
    top: 12px;
    right: 10px;
    cursor: pointer;
}

[dir=rtl] .payment-delivery-tip .tip-amount-block-input .remove-tip-amount {
    left: 10px;
    right: unset;
}

[dir=rtl] .payment-delivery-tip .radio-toolbar .tip-amount-input {
    padding-left: 30px !important;
    padding-right: 10px !important;
    border-right: 0 !important;
    margin-right: -5px;
}

.payment-delivery-tip .tip-amount-block {
    display: inline-block;
    position: relative;
}

.payment-delivery-tip .remove-default-tip {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 18px;
    width: 18px;
    margin: auto;
    cursor: pointer;
    display: none;
}

.payment-delivery-tip .remove-default-tip img {
    width: 100%;
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 3px;
}

.payment-delivery-tip .remove-default-tip img:hover {
    background-color: #990c2f;
}

@media screen and (max-width: 1103px) {

    .payment-delivery-tip .radio-toolbar .tip-amount-block,
    .payment-delivery-tip .radio-toolbar .tip-amount-block-input {
        margin-bottom: 20px
    }

    .payment-delivery-tip .radio-toolbar button {
        margin: 0;
    }
}

@media screen and (max-width: 444px) {

    .payment-delivery-tip .radio-toolbar .tip-amount-block,
    .payment-delivery-tip .radio-toolbar .tip-amount-block-input {
        margin-bottom: 20px
    }

    .payment-delivery-tip .radio-toolbar button {
        margin: 0;
    }
}

/* Delivery Tip Section End*/
.countryPhoneSelectWrapper {
    height: 100%;
    width: 90px;
    border-right: 1px solid #9da3a6;
    position: absolute;
    z-index: 101;
    left: 0;
    direction: ltr;
}

.accessAid {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

.countryPhoneSelect {
    position: relative;
    height: 44px;
    width: 100px;
    border: 0;
    background: 0 0;
    opacity: 0;
    z-index: 1;
    direction: ltr;
}

.countryPhoneSelectWrapper .countryCode {
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    padding: 5px;
}

.countryPhoneSelectWrapper .phoneCode {
    padding-left: 7px;
    width: 62%;
}

.countryPhoneSelectWrapper .countryCode,
.countryPhoneSelectWrapper .phoneCode {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
}

.phoneinput {
    transition: all 0.3s ease;
    padding-left: 125px;
    padding-top: 0;
    /*width: calc(100% - 113px) !important;*/
}

.login-right form .form-group input.phoneinput {
    padding-left: 118px;
}

.emailinput {
    transition: all 0.1s ease;
    padding-left: 0;
    padding-top: 0;
}

.countryPhoneSelectWrapper .countryCode {
    background-color: #239707;
}

.about-main .artical-right p {
    text-align: justify;
}

/* *****add user information******** */

.general-form-new .form-column.half label {
    background: white;
    position: relative;
    top: 12px;
    left: 9px;
    padding: 0 5px;
    color: #777;
}

.form-column.newrow.mail-sec label {
    position: relative;
    left: 9px;
}

.form-column.newrow label span {
    color: #E20E17;
}

.form-column.newrow label {
    position: relative;
    top: 10px;
    background: #fff;
    color: #777;
    left: 105px;
    padding: 0px 5px;
}

.contact-left {
    overflow: hidden;
}

strong#refercodeCheck {
    margin-bottom: 0;
}

.phoneinput {
    padding-left: 125px;
}

.contact-section form .form-group input.phoneinput,
.contact-section form .form-group input.phoneinput {
    padding-left: 125px;
}

/* 12122024 Manul booking new design */
.booking_request_inner {
    display: grid;
    grid-template-columns: 800px calc(100% - 800px);
    width: 100%;
}
.b_req_inner{
    display: grid;
    grid-template-columns: 400px 400px;
    height: 100vh;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.__right__side__inner__div{
    padding: 20px;
}
.__right__side__inner__div .ride_vehicle{
    display: block;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 0 15px;
}
.__right__side__inner__div li {
    display: flex;
    gap: 10px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.__right__side__inner__div li:not(:first-child) {
    border-top: 0;
}
.__right__side__inner__div .veh-left {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 10px;
}
.__right__side__inner__div .vehicle-name{
    display: flex;
    flex-direction: column;
}
.__right__side__inner__div .vehicle-name small {margin-top: 5px;}
.__right__side__inner__div .price-caption{
    gap: 10px;
}
.__right__side__inner__div .price-caption strong{
    margin: 0;
}
.__right__side__inner__div .price-caption i{
    margin: 0;
}
.__right__side__inner__div .vehicle-ico img{
    object-fit: contain;
}
.__right__side__inner__div .radio-hold input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.__right__side__inner__div li.active,
.__right__side__inner__div li:hover{
    background-color: #f8f8f8f8;
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.__right__side__inner__div .radio-main,
.__right__side__inner__div .radio-hold {
    position: inherit;
}
.vehicle-details-popup ~ div{
    height: 100%;
}
.full_div_bottom {
    grid-column: span 2;
    position: absolute;
    left: 0;
    bottom: 86px;
    z-index: 9;
    max-width: 800px;
    width: 100%;
    right: 0;
}
.full_div_bottom .data-row{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.full_div_bottom .radio-combo {
    width: 100%;
    border: 1px solid #000;
    padding: 12px 15px;
    min-width: inherit;
    margin: 0;
    background-color: #fff;
    position: relative;
}
.full_div_bottom  .radio-combo label{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.full_div_bottom  .radio-combo label p i {
    font-size: 19px;
    color: #000;
}
.full_div_bottom > .radio-combo > .radio-main > .radio-hold,
.full_div_bottom > .radio-combo > .radio-main{
    position: inherit;
}
.full_div_bottom .radio-hold input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.full_div_bottom .radio-combo:not(:first-child){
    border-left: 0;
}
.full_div_bottom .booking-footer{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 12px;
}
.Assign_Driver_Section {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}
.Assign_Driver_Section .data-row {
    /* display: flex !important; */
    align-items: center;
    gap: 15px;
    flex: 1;
    padding: 0;
    min-height: 54px;
}

.Assign_Driver_Section .autoassignbtn .check-main {
    margin-right: 0;
}
.Assign_Driver_Section .aternate-login._new {
    flex: 1;
    margin: 0;
}
.Assign_Driver_Section .driverlists{
    flex: 1;
}
.Assign_Driver_Section .driver__list__show{
    display: flex;
}
.booking_request_inner ul.stepper .step .step-content {
    padding-top: 0;
}
.user_first_last_name{
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.user_detail_header{
	display: block;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 0 15px;
}
.booking_request_inner  .booking-main{
    padding-top: 15px;
}
.booking_request_inner .general-form .form-group{
    margin: 0 0 10px;
}
.booking_request_inner  .booking-main {
    padding-top: 15px;
    height: calc(100% - 441px);
}
.booking_request_inner.br_remove_height .booking-main {
    height: calc(100% - 441px);
    height: -webkit-calc(100% - 441px);
    height: -moz-calc(100% - 441px);
    height: -ms-calc(100% - 441px);
    height: -o-calc(100% - 441px);
}
.booking_request_inner ul.stepper.linear {
    height: 100%;
}
.booking_request_inner .__right__side__inner__div {
    height: calc(100% - 353px);
    height: -webkit-calc(100% - 353px);
    height: -moz-calc(100% - 353px);
    height: -ms-calc(100% - 353px);
    height: -o-calc(100% - 353px);
    overflow-y: auto;
}
.booking_request_inner.br_remove_height .__right__side__inner__div {
    height: calc(100% - 398px);
    height: -webkit-calc(100% - 398px);
    height: -moz-calc(100% - 398px);
    height: -ms-calc(100% - 398px);
    height: -o-calc(100% - 398px);
}
.booking_request_inner ul.stepper.linear::-webkit-scrollbar,
.booking_request_inner .__right__side__inner__div::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .booking_request_inner ul.stepper.linear::-webkit-scrollbar-thumb
  .booking_request_inner .__right__side__inner__div::-webkit-scrollbar-thumb
  {
    border-radius: 1em;
    background-color: #999;
  }
  .booking_request_inner ul.stepper.linear::-webkit-scrollbar-thumb:hover,
.booking_request_inner .__right__side__inner__div::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}
.booking_request_inner ul.stepper.linear::-webkit-scrollbar-thumb,
.booking_request_inner .__right__side__inner__div::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 1em;
    background: rgba(110, 110, 110, 0.25);
}
.booking_request_inner ul.stepper.linear::-webkit-scrollbar-thumb:hover,
.booking_request_inner .__right__side__inner__div::-webkit-scrollbar-track:hover {
    background: rgba(110, 110, 110, 0.25);
}
.booking_request_inner .booking-block {
    width: auto;
    background-color: #fff;
    box-shadow: none;
    border-right: 1px solid #ccc;
}
.date_model_custom .dateSchedule {
    padding: 15px;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
    border-radius: 8px;
}
.driverlists  #driver_main_list button{
    margin-left: auto;
}
.date_model_custom .model-header-resp {
    min-height: 370px;
    align-items: inherit;
    flex-direction: column;
    justify-content: space-between;
}
#datemodel.date_model_custom .custom-modal .model-footer,
.custom-modal-main.date_model_custom .custom-modal .model-footer {
    padding: 15px 25px;
    text-align: right;
}
.booking_request_inner .assigned_driver {
    margin-bottom: 0;
    min-height: 54px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.booking_request_inner #map-canvas {
    position: relative !important;
    min-height: inherit !important;
    height: calc(100vh - 89px) !important;
    height: -o-calc(100vh - 89px) !important;
    height: -ms-calc(100vh - 89px) !important;
    height: -moz-calc(100vh - 89px) !important;
    height: -webkit-calc(100vh - 89px) !important;
    /* height: 500px !important; */
}
.p_0{
    padding: 0;
}
.general-form .form-group input.phoneinput {
    padding-left: 118px;
}
#VehicleTypeSpan {
    min-height: 210px;
    position: relative;
}
[dir="rtl"] .general-form .form-group input.phoneinput,
[dir="rtl"] .contact-section form .form-group input.phoneinput,
[dir="rtl"] .phoneinput {
    padding-left: 16px;
    padding-right: 127px;
}
[dir="rtl"] .b_req_inner .general-form .form-group input.phoneinput {
    padding-left: 16px;
    padding-right: 127px;
}
.app-download-links {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    text-align: center;

    margin: 30px auto 50px;

    max-width: 1060px;

    gap: 20px;

}
.app-download-links a {

    text-decoration: none;

}
.app-download-links .app-links {

    -webkit-box-shadow: 1px 0px 17px -4px rgba(0,0,0,0.40);

    -moz-box-shadow: 1px 0px 17px -4px rgba(0,0,0,0.40);

    box-shadow: 1px 0px 17px -4px rgba(0,0,0,0.40);

    min-height: 80px;

    position: relative;

    background: #f7f7f7;

    border-radius: 18px;

    display: flex;

    align-items: center;

    padding: 10px 12px;

    cursor: pointer;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    bottom: 0;

    gap: 15px;

    min-width: 260px;

}
.app-download-links .app-links .app-store-name {

    text-transform: capitalize;

    font-weight: 600;

    margin-bottom: 5px;

    color: #454545;

    text-align: start;

}
.app-download-links .app-links .app-name {

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 600;

    color: #454545;

    text-align: start;

}
.app-download-links .app-links:hover {

    bottom: 5px;

}
.app-download-links .app-links {

    min-width: 225px;

}
.app-store-img {

    display: block;

    width: 46px;

}

.app-store-img img{

    max-width: 100%;

}
.app-store-img {

    width: 40px;

}
@media (max-width:1450px) {
    .booking_request_inner {
        grid-template-columns: 700px calc(100% - 700px);
    }
    .b_req_inner {
        grid-template-columns: 350px 350px;
    }
    .booking_request_inner .booking-header {
        padding: 13px;
    }
    .booking_request_inner .booking-heading select {
        font-size: 15px;
        min-width: 130px;
        height: 35px;
    }
    .booking_request_inner .booking-heading {
        margin-bottom: 7px;
    }
    .booking_request_inner .pick-drop-location input {
        font-size: 15px;
        padding-top: 0;
    }
    .booking_request_inner .user_detail_header {
        font-size: 17px;
    }
    .booking_request_inner .general-form .form-group select,
    .booking_request_inner .general-form .form-group input,
    .booking_request_inner .general-form .form-group textarea {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .booking_request_inner .section-block>label {
        font-size: 17px;
        padding: 9px 0;
        margin: 0 0px 13px 0px;
    }
    .booking_request_inner .section-block .radio-combo label,
    .booking_request_inner .section-block .check-combo label {
        font-size: 15px;
        width: calc(100% - 34px);
        width: -o-calc(100% - 34px);
        width: -ms-calc(100% - 34px);
        width: -moz-calc(100% - 34px);
        width: -webkit-calc(100% - 34px);
    }
    .booking_request_inner .check-button {
        width: 20px;
        height: 20px;
    }
    .booking_request_inner .check-combo {
        margin-bottom: 13px;
    }
    .full_div_bottom .radio-combo {
        padding: 8px 15px;
    }
    .booking_request_inner .driverlists input {
        padding: 10px 16px 10px 16px;
    }
    .booking_request_inner .aternate-login:before {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    .booking_request_inner .autoassignbtn label {
        font-size: 15px;
    }
    .booking_request_inner .booking-footer {
        padding: 10px 15px;
        max-width: 700px;
    }
    .booking_request_inner  .booking-main {
        height: calc(100% - 368px);
        height: -webkit-calc(100% - 368px);
        height: -moz-calc(100% - 368px);
        height: -ms-calc(100% - 368px);
        height: -o-calc(100% - 368px);
    }
    .booking_request_inner.br_remove_height .booking-main {
        height: calc(100% - 411px);
        height: -webkit-calc(100% - 411px);
        height: -moz-calc(100% - 411px);
        height: -ms-calc(100% - 411px);
        height: -o-calc(100% - 411px);
    }
    .booking_request_inner .__right__side__inner__div {
        height: calc(100% - 214px);
        height: -webkit-calc(100% - 214px);
        height: -moz-calc(100% - 214px);
        height: -ms-calc(100% - 214px);
        height: -o-calc(100% - 214px);
    }
    .booking_request_inner.br_remove_height .__right__side__inner__div {
        height: calc(100% - 268px);
        height: -webkit-calc(100% - 268px);
        height: -moz-calc(100% - 268px);
        height: -ms-calc(100% - 268px);
        height: -o-calc(100% - 268px);
    }
    .booking_request_inner .booking-footer .submitbtn {
        height: 40px;
        font-family: 16px;
    }
    .booking_request_inner .countryPhoneSelectChoice {
        top: 6px;
    }
    .booking_request_inner .booking-heading label {
        font-size: 17px;
    }
    .booking_request_inner .pick-drop-location .form-group.pickup:before {
        top: 4px;
    }
    .booking_request_inner .pick-drop-location .form-group.pickup:after {
        height: 35px;
    }
    .booking_request_inner .pick-drop-location .form-group.dest:before {
        top: 4px;
    }
    .booking_request_inner .detect-loc-booking {
        top: 2px;
    }
    .full_div_bottom {
        bottom: 97px;
    }
    .__right__side__inner__div .ride_vehicle {
        font-size: 17px;
        margin: 0 0 10px;
    }
    /******************************************/
    .booking_request_inner .b_req_inner .__right__side__inner__div {
        height: calc(100% - 320px);
        height: -webkit-calc(100% - 320px);
        height: -moz-calc(100% - 320px);
        height: -ms-calc(100% - 320px);
        height: -o-calc(100% - 320px);
    }
    .booking_request_inner.br_remove_height .b_req_inner .__right__side__inner__div {
        height: calc(100% - 372px);
        height: -webkit-calc(100% - 372px);
        height: -moz-calc(100% - 372px);
        height: -ms-calc(100% - 372px);
        height: -o-calc(100% - 372px);
    }
    /******************************************/
}
@media screen and (max-width:1280px) {
    .become ul li {
        flex: 1 1 0;
    }
}

@media screen and (max-width:768px) {
    .become ul li {
        flex: initial;
    }
        /* 13122024 */
        .b_req_inner {
            grid-template-columns: 1fr;
            height: 100vh;
            overflow-y: auto;
        }
        .booking_request_inner  .booking-main {
            height: auto !important;
        }
        .booking_request_inner .__right__side__inner__div{
            height: auto !important;
        }
        .booking_request_inner {
            grid-template-columns: 100%;
        }
        .full_div_bottom {
            bottom: 0;
            position: relative;
            grid-column: auto;
        }
}
@media (max-width:991px) {
    .login-right form .form-group.floating label {
        top: -2px;
    }
}
@media (max-width:560px) {
    .earning-block .count {
        font-size: 35px;
        line-height: 40px;
    }

    .earning-block a.go-icon {
        top: 15px;
        font-size: 33px;
    }
}