/****************reset css Start********************/
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: 400;
    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: 'Mallanna';
    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: 'Mallanna';
}
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: -13px;
    font-size: 12px;
    color: #f00;
    margin: 0;
    display: block;
    white-space: nowrap;
    margin: 0;
    left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
}
.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: 400;
    line-height: 21px;
    margin-bottom: 0;
    font-family: 'Mallanna';
}
.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: 400;
    line-height: 21px;
    font-family: 'Mallanna';
    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: 18px;
    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;
    /*padding-top:11%;*/
}
.categories-caption.active {
    display: block;
}
.categories-caption h2 {
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 20px;
}
.categories-caption p {
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
    text-align: justify;
	
}
.banner-section-inner .categories-block ul li {
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
    text-align: justify;
	list-style:initial;
	list-style-position: inside;
}
.categories-caption p:last-child{margin-bottom: 0;}
.categories-caption h2 span {
    display: block;
    margin-top: 1px;
}
.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: 400;
    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/CJXv3Pro/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: 400;
    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: 'Mallanna';
    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: 500;
    font-size: 45px;
    margin-bottom: 40px;
    margin-left: -3px;
    font-family: 'Mallanna';
    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: 18px;
    font-weight: 400;
    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: 400;
}
/*********** 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: 400;
    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: 400;
    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: 'Montserrat';
    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: 18px;
    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;
}
.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-left img {
    max-width: 100%;
    padding: 0;
}
.login-right {
    width: 38%;
}
.login-data-inner {
    margin-top: -15px;
}
ul.tab-switch li {
    /* margin: 0 0 0 16px; */
    margin: 0 16px;
}
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;
}
.login-right h1 {
    font-size: 44px;
    font-weight: 600;
    color: #03aab9;
    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: 18px;
    font-weight: 400;
    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: 18px;
    color: #404040;
    font-weight: 400;
    -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/CJXv3Pro/select-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 11px;
    background-color: transparent;
}
.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#referlbl,
.login-right form .form-group label#referlbld{top: 21px;}
.login-right form .form-group.floating label#referlbl,
.login-right form .form-group.floating label#referlbld{top: 0;}

.login-right form .form-group label {
    position: absolute;
    left: 16px;
    top: 24px;
    margin-top: -8px;
    pointer-events: none;
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    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;
}
.btn-hold input[type="submit"], .btn-hold .book-btn, .ordernow .book-btn {
    border-radius: 6px;
}
.btn-hold input[type="submit"] {
    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: 'Mallanna';
}
.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: 'Mallanna';
    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: 400;
    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: 400;
    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: 400;
    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: 18px;
    font-weight: 400;
    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 20px 8px;
}
.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;
}
.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: 18px;
    font-weight: 500;
}
.radio-holder~label {
    vertical-align: middle;
    margin: 0;
    color: #626262;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
}
.radio-holder [type="radio"]:checked~.radio-box {
    background-image: url(../../../img/apptype/CJXv3Pro/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: 18px;
    font-weight: 400;
    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: 18px;
    font-weight: 400;
    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: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
}
.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%);
    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: 18px;
    color: #404040;
    font-weight: 400;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    font-family: 'Mallanna';
}
.contact-section form .form-group select {
    outline: none;
    width: 100%;
    background-image: url(../../../img/apptype/CJXv3Pro/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: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
    pointer-events: none;
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    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: 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;
}
.contact-left {
    width: 47%;
}
.contact-section {
    padding: 45px 0 50px 0;
}
.contact-left strong {
    font-size: 17px;
    color: #404040;
    font-weight: 500;
}
.contact-form {
    margin-top: 45px;
}
.contact-section form .form-group textarea {
    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: 18px;
    color: #404040;
    font-weight: 400;
    -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: 'Mallanna';
}
.contact-section form .form-group.textarea label {
    top: 24px;
}
.contact-section form .form-group.textarea.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;
}
.cont-det-block strong {
    font-size: 26px;
    color: #000;
    font-weight: 500;
    display: block;
    margin-bottom: 16px;
}
.cont-det-block address {
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    line-height: 26px;
    padding-left: 32px;
    position: relative;
}
.contact-right {
    max-width: 384px;
    margin-right: 71px;
}
.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: 400;
    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;
    /* display: flex; */
    /* align-items: center;
    justify-content: space-between; */
    /* flex-wrap: wrap; */
    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;
    margin: 0px 60px 14px 0px;
}
.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: 18px;
    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%;
    margin-left: auto;
    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;
}
.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: 18px;
    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: 18px;
    color: #404040;
    font-weight: 400;
    -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: 18px;
    color: #404040;
    font-weight: 400;
    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;
}
.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: 18px;
    color: #404040;
    font-weight: 400;
    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/CJXv3Pro/marker.svg);
    background-repeat: no-repeat;
    background-position: left top 8px;
    background-size: 18px;
    filter: invert(77%) sepia(0%) saturate(2228%) hue-rotate(4deg) brightness(93%) contrast(78%);
    -webkit-filter: invert(77%) sepia(0%) saturate(2228%) hue-rotate(4deg) brightness(93%) contrast(78%);
}
form.gen-from .form-group.drop-location:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #a9a9a9;
    position: absolute;
    left: -48px;
    bottom: 4px;
}
form.gen-from .form-group.drop-location:after {
    content: '';
    width: 2px;
    height: 65px;
    bottom: 20px;
    position: absolute;
    left: -42px;
    background-image: url(../../../img/apptype/CJXv3Pro/vertical-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: 400;
    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: 400;
}
.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********************/
/*****************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/CJXv3Pro/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: 18px;
    font-weight: 400;
    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: 400;
    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: 400;
    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;
    max-width: 636px;
}
.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: 40px;
    line-height: 1.3em;
    color: #000 !important;
}
.get_app_content p {
    font-size: 18px;
    margin-bottom: 42px;
    line-height: 30px;
    font-weight: 400;
    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: 400;
    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/CJXv3Pro/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);
}
.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 {
    position: absolute;
    right: 0;
    /*top: 0;*/
    width: 204px;
}
.app_image .image_two img {
    max-width: 100%;
}
.app_image .image_two img {
    /* -webkit-animation-name: jump;
    animation-name: jump;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 3.8s;
    animation-duration: 3.8s;
    -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 .shadow_bottom {
    /*-webkit-animation: shadow 3.8s infinite linear;
    animation: shadow 3.8s infinite linear;*/
    bottom: 10px;
}
.app_image .image_first {
    /* position: absolute; */
    left: 60px;
    /*top: 80px;*/
    width: 204px;
}
.app_image .image_first img {
    max-width: 100%;
}
.get_app_area-left {
    width: 53.333333%;
    border-right: 10px solid #45aeac;
}
.get_app_area-right {
    width: 38.666667%;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    align-items: center;
}
.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;}
/* .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: 31px;*/
    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: 400;
    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: 400;
    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: 400;
    margin-bottom: 7px;
}
.favdest p {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    font-weight: 400;
}
/********************* 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: 400;
    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: 400;
}
.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: 18px;
    color: #404040;
    font-weight: 400;
    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: 18px;
}
.features.corporate h3~p {
    text-align: unset;
    color: #404040;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}
.data-block-article p,
.features.corporate .features-right.earn-data p {
    text-align: unset;
    color: #404040;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}
.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: 400;
    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: 400;
}
.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: 'Mallanna';
    font-size: 16px;
    font-weight: 400;
    min-width: 148px;
    height: 41px;
    background-color: transparent;
    outline: none;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
    color: #fff;
    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/CJXv3Pro/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: 23px !important;
}
.booking-heading select option {
    background-color: #000;
}
.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: 'Mallanna';
    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/CJXv3Pro/ver-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: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 'Mallanna';
}
.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;
}
.radio-button:after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
}
.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/CJXv3Pro/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;
}
.ride-info {
    font-size: 14px;
    color: #3e3e3e;
    margin-top: 10px;
}
.ride-info span {
    display: block;
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
}
ul.costlist li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 27px;
}
ul.costlist li strong {
    font-size: 16px;
    font-weight: 400;
    color: #1c1c1c;
    display: inline-block;
}
ul.costlist li span {
    font-size: 16px;
    font-weight: 400;
    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: 31px 21px 60px 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;
}
.vehicle-data p {
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    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/CJXv3Pro/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%;
}
.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: 'Mallanna';
}
.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: 18px;
    color: #000;
    font-family: 'Mallanna';
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}
.profile-column span,
.profile-column span a {
    font-size: 18px;
    font-weight: 400;
    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: 'Mallanna';
    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: 0 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: 18px;
    color: #404040;
    font-weight: 400;
    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: 'Mallanna';
    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: 18px;
    color: #404040;
    font-weight: 400;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
    min-height: 40px;
    font-family: 'Mallanna';
}
/* [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/CJXv3Pro/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 {
    padding: 15px 10px 16px !important;
}
.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 22px 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: 400;
    line-height: 21px;
    margin-bottom: 28px;
    font-family: 'Mallanna';
}
.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;
}
.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;
    margin-bottom: 25px;
    position: relative;
    padding: 0 0 0 28px;
    box-sizing: border-box;
}
.inv-destination-data ul li strong {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    display: block;
    font-family: 'Mallanna';
}
.inv-destination-data ul li p {
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    font-family: 'Mallanna';
    margin-bottom: 0;
    line-height: 20px;
}
.inv-destination-data {
    background-color: #fff;
    padding: 12px 23px 0px 23px;
    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: 22px;
    position: absolute;
    left: 0;
}
.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: 18px;
    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: 18px;
    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 {
    height: 303px;
    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: 28px;
}
.invoice-pay-type {
    padding: 20px 15px;
    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: 18px;
    font-weight: 600;
    font-family: 'Mallanna';
    display: block;
    color: #000;
    margin-bottom: 13px;
}
.sign-block {
    padding-top: 30px;
}
.sign-block b~img {
    width: 120px;
}
/*********************************/
ul.user-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    background-color: #000;
    transition: all 0.5s;
    transform: translateX(-280px);
    -webkit-transform: translateX(-280px);
    -moz-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    -o-transform: translateX(-280px);
    z-index: 10;
    overflow-y: auto;
}
ul.user-menu li a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    display: flex;
    outline: none;
    padding: 5px 22px;
    height: 57px;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
}
ul.user-menu li a img {
    max-height: 100%;
}
ul.user-menu li {
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 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;
}
/* ul.user-menu li.logo,
ul.user-menu li.logo:hover {
    background-color:#000;
} */
ul.user-menu li:hover,
ul.user-menu li.active {
    background-color: rgba(0, 0, 0, .3);
}
ul.user-menu li.logo {
    margin-bottom: 0px;
    border-bottom: none;
    height: 70px;
    display: flex;
    align-items: center;
}
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);
}
body.side_menu .mix-content {
    transform: translateX(280px);
    -webkit-transform: translateX(280px);
    -moz-transform: translateX(280px);
    -ms-transform: translateX(280px);
    -o-transform: translateX(280px);
}
/*********************************/
/*******************************************
========= 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: 18px;
    font-weight: 600;
    /* margin-bottom: 15px; */
    margin-bottom: 6px;
    color: #000;
}
ul.overview-detail li span,
ul.overview-detail li span a {
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    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: 18px;
    font-weight: 600;
    font-family: 'Mallanna';
    display: block;
    color: #000;
}
.profile-earning .inv-data ul li {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dfdfdf;
    padding: 6px 0;
}
.profile-earning .inv-data ul {
    margin: 18px 0 0 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;
}
.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: 18px;
    font-weight: 600;
    font-family: 'Mallanna';
    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: 400;
}
.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: 18px;
    color: #404040;
    font-weight: 400;
    -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: 'Mallanna';
    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: 'Mallanna';
    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 {
    margin: 15px 0 0 0;
    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: 400;
    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: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: 400;
    font-family: 'Mallanna';
    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: 400;
    font-family: 'Mallanna';
    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: 'Mallanna';
    line-height: normal;
    display: block;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.rest-caption p {
    font-size: 14px;
    color: #777777;
    line-height: 26px;
    font-weight: 400;
    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: 'Mallanna';
    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: 400;
    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: 'Mallanna';
    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/CJXv3Pro/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: 18px;
    font-weight: 400;
    color: #000;
    border-style: solid;
    padding: 17px 15px;
    border-width: 0 0 1px 0;
    border-color: #dedede;
    font-family: 'Mallanna';
    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 .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: 18px !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: 18px;
    font-weight: 500;
    font-family: 'Mallanna';
    white-space: nowrap;
    vertical-align: middle;
}
table.dataTable.custom-table thead th .expanding {
    font-size: 25px;
}
.table-holder .dataTables_wrapper .dataTables_info {
    font-size: 18px;
    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: 18px;
    font-weight: 400;
    font-family: 'Mallanna';
}
.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: 18px;
    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/CJXv3Pro/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: 18px;
    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;
}
/******************************************************/
.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: 'Mallanna';
    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: 18px;
    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: 400;
    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: 'Mallanna';
}
.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;
    z-index: 105000000;
    padding: 15px;
}
.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;
}
#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: 18px;
    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%;
}
.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: 20px;
}
.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;
}
.icon-arrow-down-avigate.active-menu:before {
    content: "\e90e";
}
.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% - 455px);
    width: -o-calc(100% - 455px);
    width: -ms-calc(100% - 455px);
    width: -moz-calc(100% - 455px);
    width: -webkit-calc(100% - 455px);
    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: 23px 23px 0 23px;
    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 0 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: 18px;
    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;
}
.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: 400;
    line-height: 20px;
    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: 18px;
    font-weight: 600;
    color: #000;
    display: block;
    font-family: 'Mallanna';
}
.rest-name-holder p {
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    font-family: 'Mallanna';
    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: 60px;
}
.gen-cms-page h2.header-page,
.common-inner-heading {
    font-size: 35px;
    color: #45aeac;
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 20px;
    position: relative;
}
.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;
}
.static-page h1,
.static-page h2,
.static-page h3,
.static-page h4,
.static-page h5,
.static-page h6 {
    font-size: 28px;
    color: #757575;
    font-weight: 500;
    margin-bottom: 28px;
}
.gen-cms-page p {
    color: #404040;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 28px;
}
.gen-cms-page ul li {
    font-size: 16px;
    color: #000;
    padding: 0 0 8px 30px;
    position: relative;
    margin-bottom: 8px;
    line-height: normal;
}
.gen-cms-page ul li:before {
    content: '';
    width: 16px;
    height: 13px;
    background-image: url(../../../img/apptype/CJXv3Pro/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;
    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;
}
.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 {
    margin: 0px -10px;
    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;
}
.faq-top-part ul li {
    margin: 0 10px;
    padding: 0px;
    width: 225px;
}
.faq-top-part ul li::before,
.faq-bottom-part ul li:before {
    display: none;
}
.faq-bottom-part {
    margin: 15px 0 0;
    padding: 0px;
    float: left;
    width: 100%;
    min-height: 33vh;
}
.faq-bottom-part ul {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}
.faq-bottom-part ul li {
    margin: 0px;
    padding: 20px 0 0px 0;
    float: left;
    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: 'Mallanna';
    font-size: 25px;
    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: 25px;
    text-transform: none;
    text-shadow: none !important;
    font-weight: 600;
    font-family: 'Mallanna';
}
.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: 'Mallanna';
    font-weight: 600;
    display: block;
    cursor: pointer;
}
.faq-top-part li a {
    margin: 0px;
    padding: 10px 0;
    float: left;
    font-size: 16px;
    text-align: center;
    font-family: 'Mallanna';
    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;
}
.faq-bottom-part ul li .faq-q > span {
    display: flex;
    outline: none;
    /* width: 100%; */
    background-image: url(../../../img/apptype/CJXv3Pro/faq-arrow.png);    
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
}
/**********************************************************/
.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: 18px;
    font-weight: 400;
    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: 'Mallanna';
    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: 28px;
    vertical-align: top;
    height: 10px;
    position: relative;
    line-height: 27px;
} */
.form-group strong .red,
.form-group label .red {
    display: inline-block;
    color: #d63b3b;
    font-size: 18px;
    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: 18px;
    color: #404040;
    font-weight: 400;
    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: 'Mallanna';
    font-size: 18px;
    color: #404040;
}
/*******************************/
.demo-warning {
    background-color: #eee;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
}
.demo-warning p {
    line-height: 22px;
    font-size: 18px;
    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;
}
.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;
    /* IE6-7 */
    -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;
}
.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 {
    /* margin-bottom: -71px; */
    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: 'Mallanna';
}
.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: 'Mallanna';
    font-weight: 500;
    cursor: pointer;
    color: #666;
}
.innertab .tablinks.active {
    border-color: #00a9b7;
    color: #00a9b7;
}
.detect-loc {
    position: absolute;
    width: 40px;
    right: 70px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 35px;
}
.pickup-location .detect-loc {
    position: absolute;
    width: 36px;
    right: 10px;
    cursor: pointer;
}
.deliver-address .user_info_input .detect-loc {
    right: 5px;
}

.detect-loc-booking {
    position: absolute;
    width: 25px;
    right: 0;
    top: 5px;
    cursor: pointer;
    transition: transform .2s;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%) drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
}
.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;
    font-family: "Mallanna";
}
.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: 0px 0 13px 0 rgb(215 236 225), 0 0 0 2px #03aab9 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: 'Mallanna';
}
.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;
}
/* 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%;
    }
    .menu-icoholder-side{
        margin: 0 10px 0 -12px;
    }
}
@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 li {
        margin: 1px 8px 0px 8px;
    }
}
@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;
        width: 280px;
    }
    .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%;
    }
    /*******************************************/
    .login-block-heading-inner{
        display: flex;
        justify-content: center;
    }
    ul.tab-switch{
        display: flex;
        justify-content: center;
    }
}
@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 {
        margin: 1px 8px 10px 8px;
    }
    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;
    }
    .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%;
        order: 1;
    }
    .login-right {
        width: 100%;
    }
    .login-data-inner {
        padding: 0 0 20px 0;
    }
    .login-caption {
        margin-bottom: 40px;
        margin-top: 0;
    }
    .login-right h1 {
        font-size: 32px;
    }
    .login-caption strong {
        font-size: 25px;
    }
    .login-block-footer {
        margin-top: 30px;
    }
    .login-left img {
        display: none;
        margin: 0 auto;
        max-width: 95%;
    }
    /**********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);
    }
    .faq-bottom-part ul li {
        padding: 10px 0 10px 0;
    }
    /***************************************/
    .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;
    }
    .download-links {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        width: auto;
    }
    .download-links a {
        display: inline-block;
        padding: 0 10px;
    }
    .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: -15px;
        left: 0;
        display: block;
        position: absolute;
    }
    /* ================================================= */
    .banner-back,
    .banner-section.taxi-app .categories-block {
        width: 100%;
    }
    .banner-back {
        padding-bottom: 30px;
    }
    .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: 20px 0 0 0;
    }
    .banner-section.taxi-app {
        overflow: inherit;
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .ordernow {
        padding: 45px 0 50px 0;
        overflow: inherit;
    }
    #how-it-works {
        margin-top: 30px;
    }
    /* responsive our service section */
    .common-inner-heading-section { padding: 30px 0 0 0; }
    .banner-section.taxi-app{padding-top: 30px;}
    .get_app_area{padding: 30px 0;}
}
@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-links a {
        margin-bottom: 15px;
    }
    .download-section strong {
        font-size: 18px;
        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: 30px;
    }
    .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;
    }
    ul.tab-switch {
        display: block;
        margin: 0 auto;
        overflow: hidden;
    }
    .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/CJXv3Pro/left-arrow.svg);
    }
    ul.tab-switch button.slick-next {
        right: 0;
        left: auto;
        position: absolute;
        top: 0;
        background-image: url(../../../img/apptype/CJXv3Pro/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: 18px;
    }
    /***************************************/
    .charters ul li {
        width: 100%;
        padding: 0;
    }
    .charters-caption strong {
        font-size: 19px;
    }
    .charters-caption span {
        font-size: 18px;
    }
    .profiletype-left p {
        width: 100%;
        font-size: 18px;
        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);
        margin-bottom: 15px;
    }
    .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;
    }
    #map-canvas {
        position: relative !important;
        height: calc(100vh - 54px) !important;
        height: -o-calc(100vh - 54px) !important;
        height: -ms-calc(100vh - 54px) !important;
        height: -moz-calc(100vh - 54px) !important;
        height: -webkit-calc(100vh - 54px) !important;
        /* height: 500px !important; */
    }
    .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;
    }
    .deliver-address input{padding: 0 45px 0 25px !important;}
}
@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 li {
        display: block;
        margin: 2px 2px 10px 2px;
    }
    ul.tab-switch li.active a:after {
        display: none;
    }
    ul.tab-switch li a {
        border-radius: 5px;
    }
    /*******************************************/
    .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: 18px;
    }
    .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;
    }
    .deliver-address .user_info_input .detect-loc{
        right: 2px
    }
    .detect-loc{
        width: 32px
    }
    
    .deliver-address:before{
        background-size: auto 20px;
        width: 48px;
    }
    .search-page-wrap .deliver-address:before{
        left: 5px !important;
    }
    .how-it-works-section { padding: 30px 0 30px 0;}
    .safety-section.taxi-variant .safty-image-hold{margin-bottom: 20px;}
    .get_app_content .section_title h2{font-size: 28px;}
    }
@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;
    }
    .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;
    }
    .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: 18px;
    }
    .termsfeed-com---nb-simple{
        max-width: 90% !important;
    }
}
@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: 18px;
    }
    /**************************************
                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%;
        margin: 0;
    }
    .gen-cms-page .faq-top-part ul li {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .detect-loc {
       /* top: 15px;*/
        width: 30px;
    }
    /* .btn-hold input[type="submit"] {
        font-size: 14px;
        padding: 12px 52px 12px 12px;
        font-family: 'Mallanna';
    } */
    /* .btn-hold .book-btn {
        font-size: 14px;
        padding: 15.5px 15px 15.5px 15px;
    } */
    .safety-section.taxi-variant .safety-section-right form.gen-from{
        padding-left: 42px;
    }
    .button-block{row-gap: 10px;}
    
    .general-form .btn-hold input[type="submit"], .general-form .btn-hold input[type="button"] {
        padding: 8px 16px 8px 16px;
    }
    /* .btn-hold .book-btn{font-size: 14px;} */
    /* .btn-hold input[type="submit"]{font-size: 14px;} */
    .btn-hold .book-btn{padding: 15px 22px 15px 22px;display: initial;}
    .btn-hold input[type="submit"]{padding: 15px 54px 15px 17px;}
}
@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/CJXv3Pro/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-family: Mallanna;
    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;
}
.countryPhoneSelectChoice {
    position: absolute;
    top: 14px;
    left: 6px;
    height: auto;
    display: inline-table;
    width: 93%;
    border-radius: 5px;
    font-size: 12px;
    background: #fff;
}
.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: 95px !important;
    padding-top: 0;
    width: calc(100% - 113px) !important;
}
.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;
}